Solved

css - background rendering problem

Posted on 2004-09-08
2
267 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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
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…

706 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now