Re: missing borders and background colours

Tech-Archive recommends: Repair Windows Errors & Optimize Windows Performance

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/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en


"andrew" <noname@xxxxxxxxxx> wrote in message
news:ODVlOtK6FHA.1000@xxxxxxxxxxxxxxxxxxxxxxx
> 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
>
>


.

Relevant Pages

  • Re: missing borders and background colours
    ... Thanks for the link to the developer toolbar... ... that's how CSS works... ... it was easy to completely change the styling by changing the user ... > different browser rendering behaviours which can get impossibly complex. ...
    (microsoft.public.windows.inetexplorer.ie6.browser)
  • Re: Free HDMI Cable Anyone?
    ... The point of Cascading Style Sheets (CSS) is to divorce content from ... With legacy HTML, the styling was part of the content, so that you'd ... Another aspect is accessibility. ... this is a technique that was used mostly before browser CSS ...
    (uk.tech.digital-tv)
  • Re: Why doesnt Safari display bottom of my page?
    ... First thing is to get a simple mark-up before styling. ... changes and there is no CSS. ... presentational mark-up. ... A head, a title inside the head, a body. ...
    (alt.html)
  • Re: Problem with CSS file in IE7
    ... I sometimes turn css off because a nitwit ... css actually goes beyond styling into layout with options like ... There is a moral here about meaning. ...
    (alt.html)
  • Re: Really stupid newb question-

    ... also has some CSS behaviours attached to it. ... HTML content in it that couldn't be placed into a. ... content and they don't fit a more specific HTML ...
    (alt.html)