[thelist] Nested divs and a horizontal scrollbar PITA

pandy pandion at gmx.net
Tue Nov 15 02:23:29 CST 2005


Jay Blanchard wrote:
>Alrighty, I have run smack into the "IE can't properly render nested divs
>problem". It displays a horizontal scrollbar without a width attribute being
>set for the body;

<snip>
>The reason that this width has to be set is this, a div using the following;

>  #content div.warning{
>         background-color: #FFCC99;
>         border: 1px solid #993300;
>         font-style: italic;
>         padding: 5px;
>}
>
>is nested within a div using;
>
>#content {
>         background: #FFFFFF;
>         font: 0.8em tahoma, arial, sans-serif;
>         height: auto;
>         text-align: justify;
>         padding: 160px 70px 0px 70px;
>}
>
>so that the underlying mark-up looks like this;
>
><div id="content">
>    <div class="warning">
>    ...
>    </div>
></div>

Uhm, no. That code does not produce a scrollbar on its own here (IE6). So, 
what more do you have? URL to a sample page maybe?

pandy





More information about the thelist mailing list