Stylesheet question

  • I suppose this is a simple thing, but…
    I’ve got this in my stylesheet:

    body {
	margin:0;
	background-image:url(/background.jpg);
	color:#B65D41;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align:center;
}

    The background.jpg is a small image that I ’tile’, but before it loads, the area where it appears is white for a fraction of a second and not #B65D41 like I intend. Does that happen because the browser doesn’t read the background colour fast enough (just as fast as the image that is) or should I change the stylesheet a little? The colours in the header, sidebar and footer are there immediately and I would like the rest of the page not to be a white flash before everything loads. Would the position of the background colour or the entire body part in the stylesheet make any difference?

    (It’s a small thing, I know.)

Viewing 2 replies - 1 through 2 (of 2 total)

  • body {
    margin:0;
    background:#B65D41 url(/background.jpg) repeat;
    color:#B65D41;
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    text-align:center;
    }

    Thread Starter Roy

    (@gangleri)

    Thanks.
    Stupid me, I thought that the “color” referred to the “body”, but that’s of course the text in the body.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Stylesheet question’ is closed to new replies.