www.webdeveloper.com
Results 1 to 3 of 3

Thread: BG Color not working

  1. #1
    Join Date
    Oct 2005
    Posts
    593

    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?

    Scott

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    -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 07:01 PM.

  3. #3
    Join Date
    Sep 2006
    Location
    Bucharest, RO
    Posts
    940
    I used FireBug to edit your CSS in real-time and if you just use this code for your body css, it works:
    Code:
    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