Results 1 to 3 of 3

Thread: BG Color not working

  1. #1
    Join Date
    Oct 2005

    BG Color not working

    Hi there,

    www.srobinson.net. Ive set the BG color but its not changing at the bottom of the screen. Any idea why?


  2. #2
    Join Date
    Dec 2005
    American, living in Toronto, ON. CANADA
    -Haven't figured out why it isn't working with your code, nor have I figured out why this seems to work (condensed the background-image 'shorthand')

    body {
    background:#262e34 url('images/bg.gif') repeat-x;
    margin: 0;
    min-width: 983px;
    min-height: 543;

    -Are my eyes deceiving me or do you have 8 DIVs that each use a different-named image (identical image, -different sequential numbering) to create that gradient banner-bar across the top horizontal part?? This is unnecessary... you could have ONE div that stretches 80, 90 or 100% across the available width of the user's monitor and use ONE image slice, tiling repeat-x. I am talking about one image that is one or two pixels wide, and maybe 60 pr 70-pixels tall... repeating. This would save alot of coding and reduce the http calls to the host (fewer images to load = faster-loading page, reduced bandwidth consumption, etc). Or, -almost as good, -simply retain the 8 DIVs as-is and use the same image in each. This, too, would save http requests as, -once cached, the same image used repeated is loaded from the user's browser (faster, uses less RAM, etc)
    I'm sure that's not quite the case as a few images ARE vertical images, but the same image can be used over, repeatedly, for similar functions. hmm.
    Last edited by WebJoel; 02-24-2007 at 06:01 PM.

  3. #3
    Join Date
    Sep 2006
    Bucharest, RO
    I used FireBug to edit your CSS in real-time and if you just use this code for your body css, it works:
    body {
    	background: #262e34 url('images/bg.gif') repeat-x; 
            margin: 0;

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center

Recent Articles