Solved

css - background rendering problem

Posted on 2004-09-08
2
270 Views
Last Modified: 2008-03-06
I am trying to create a website using only CSS2; no tables, etc.  I have encountered a few different problems, most of which I've been able to solve.  This one I am stumped on.

In Internet Explorer (Firefox seems to work fine), the background-color as set in BODY will sometimes only render to the last element of the page, and it will leave white for the remainder of the window (on short pages).

page is here:
http://coffeegeek.net/new

here are screenshots of the problem:

what it initially looks like when I encounter the problem
http://coffeegeek.net/bgBug1.gif

if i put a window in front the correct background gets draw on repaint:
http://coffeegeek.net/bgBug2.gif

if i hit Refresh or minimize/restore the window, it is the way i want:
http://coffeegeek.net/bgBug3.gif

it doesn't render this way in IE every time.  seems to be only the first time you go to the page in IE.  also, i have multiple color layouts (which can be accessed by clicking change colors in the nav), and this bug might only be happening with the green color scheme.  the color schemes aren't complete; i know they are ugly. :-)

thanks for the help,

~ Justin
0
Comment
Question by:newstandard
2 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 125 total points
ID: 12008505
It is a known bug in IE6, that it will sometimes fail to render a background, or an image, but if the page is re-rendered from a resize or refresh it gets it right the second time.  We have been through it several times in the Browsers Issues topic, and I don't believe there has ever been a real solution.  I don't know if XP SP2 address the problem or not.

Cd&
0
 
LVL 4

Expert Comment

by:mrdilliard
ID: 12023199
Just a note--I have SP2, and no it doesn't fix it.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

789 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question