Improve company productivity with a Business Account.Sign Up

x
?
Solved

css - background rendering problem

Posted on 2004-09-08
2
Medium Priority
?
279 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 500 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

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

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 article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

608 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