Solved

css - background rendering problem

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

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery Animation faster 5 48
CSS change width browser switches to mobile view 2 72
Overlap photo won't go all the way to the right 1 17
Changing way home page shows 2 29
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
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 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.…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

786 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