missing borders and background colours

  • Thread starter Thread starter andrew
  • Start date Start date
A

andrew

Hi there,

I've fought with this problem before in IE and "solved" it by setting
various block elements to have 100% width, but now that won't work for me
and I'm just curious in general as to what the heck IE is doing here.

If you visit the page at http://iceman.redlinesoftware.com/test.html in IE,
the background for the text "sections" to the right should be yellow, but
they won't be when you first view the page; you first have to scroll the
page up and down and some of the background colour will then appear.

If I the 'section' class in the css to have 100% width, the colour appears,
but then the elements flows off the right of the page and a horizontal
scroll bar appears.

So what I'm asking is, what's causing this problem and how do I go about
fixing it?

Thanks in advance,
Andrew
 
Here is your css validation from the w3.org

URI : http://iceman.redlinesoftware.com/test.html
a.. Line : 27 (Level : 1) You have no color with your background-color :
..section
Valid CSS information
a.. #columns {
a.. position : relative;
b.. width : 100%;
}
b.. #leftcontent {
a.. position : absolute;
b.. top : 0;
c.. left : 0;
d.. width : 200px;
}
c.. #centercontent {
a.. margin-left : 210px;
}
d.. .section {
a.. border : 1px solid #ccc;
b.. background : #ffd;
c.. padding : 0.5em;
}
I opened your page on a Win2K machine running IE6 SP2 and did not observe
the behaviour you described. I kinda guess that you must be using the XP
version of IE and that the page is being rendered differently. There seems
to be different versions of mshtml.dll behind the different versions of IE6
that cause differing rendering behaviours.

Also, it was easy to completely change the styling by changing the user
style settings in the Internet Options control panel (General tab,
Acceissibility button, Colors Button) which just blows your document styling
away. Along with different versions of IE you also have to contend with
different browser rendering behaviours which can get impossibly complex.

My suggestion to fix the problem is to loose the server side styling and to
just serve up un-styled html to the client and let the client decide upon
colors and styling. After all 'The User is King!'

You can download the MS Developer toolbar from

http://www.microsoft.com/downloads/...64-672d-4511-bb3e-2d5e1db91038&displaylang=en
 
Hi,

Thanks for the link to the developer toolbar... I've had this in firefox for
ages, but had no idea there was one for IE.

Yes, I am seeing this behaviour on a winXP machine. The styling is done
client side, not server side... that's how CSS works... the stylesheet comes
from the server though.

I guess I'll just use a workaround that causes another (but less annoying
bug) instead for now.

Thanks for the information,
Andrew
 
Back
Top