Boris Höltje wrote:
> Thank you Lori.
>
> This was exactly what I was hoping to fix. Unfortunately there seems  
> to be no quick solution I guess. Would be easier to track the problem  
> down, if I had that IE THING on Windoze here.... Hmm. What next?
> I couldn't find anything that could have caused the extra 10px width  
> in the #header. But I added a width to the #nav division inside the  
> header which I did not before.
>
> Could that have done it?
>
> Many thanks again.
>
> Boris
>   

I tried removing the width from the nav division and it didn't make any 
difference.  However, I found that changing the display of the list 
elements (li) to inline corrected the problem and it seems to work 
cross-browser.  Also this doesn't require any adjustments to the header 
width or right margin.

So here's the change:

li
{
    display: inline;    /* change from block to inline */
    float: left;
    margin-right: 10px;
}

So I guess you ran into IE's margin doubling bug and that's usually 
fixed with a change to inline display.

Viele Grüße

Lori

>
> Am 06.06.2007 um 18:19 schrieb Lori Lay:
>
> ...snipped...
>   
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to