Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

web site background help

Featured Replies

Hi, i am currently in the process of desiging a website for the comnpany i work for.

 

I have the layout all planned in my head but cant seem to get the background right.

 

Ive attatched the header and footers i want for the site. ive also attatched in image of my problem.

 

I can have them centerd but when i view the page with larger browsers the site is centred but the background only goes so far before cutting out to a white background.

 

if anybody could help me find a way to have the images stretch so that it views the way i would like it i would be very very greatful :)

post-17510-126546725231_thumb.jpg

post-17510-126546725844_thumb.jpg

post-17510-126546806904_thumb.jpg

Please link to a test page, and I will make a tutorial for you.

 

Thanks.

  • Author

hi thank you for the reply.

 

ive attatched a zip file with the html/css/image files.

 

i havent got anything else done on the site i.e. content and hosting etc as its still really in the planning stages. the whole thing should be clean sailing once i have the background sorted lol..

 

if you need me to post anything else i.e. photoshop design images etc let me know.

 

hope you can help :)

 

edit: i should point out that i know basics of html and css. all the knowledge i have is things ive picked up by watching and reading about web design so essentially im still in the noob stage lol

 

Also the "larger browsers" comment in topic post was meant to mean that i have a larger resolution on my monitor so 800x600 and 1024x768 web pages look small on my screen lol.

website so far.zip

Hey, sorry I took so long. Check out this tutorial.

 

Make sure you get your widths correct.

 

The code for footer would be:

 

<div id="footer">
 <div class="footer wrapper">
   <!-- FOOOTER CONTENT -->
 </div>
</div>

 

Cheers!

nice tutorial empek

 

I given you a +1 for that as I always find your posts helpful :good:

 

Thanks mteam! I really appreciate that.

  • Author

Hi, Thank you very much for your help. The tutorial is just what i needed.

 

Haven't tried it yet cause got a full day today but will try it when i get home and get back to you.

 

Thanks again =)

 

Think if it works i just found my new best friend lol

  • Author

Hi, tried it and it works like a dream.

 

Its exactly what i wanted thank you very much!

 

...now to make the rest of the site lol

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.