Previous Message
Next Message

Horizontal list, IE 5

Sent by Julie Hathaway on 19 March 2006 13:01

On Mar 18, 2006, at 9:01 AM, Philippe Wittenbergh wrote:

> On Mar 18, 2006, at 10:29 PM, Julie Hathaway wrote:
>> I have a row of images/links across the bottom of my page in an
>> unordered list, display:inline. In all the good browsers they're
>> neatly
>> spaced with a 40px margin, but for some reason IE 5 (both Mac AND Win)
>> stubbornly refuses to put any space between them. I've tried margins
>> and padding on every possible element that I can think of; I've tried
>> floating instead of display:inline; I've searched archives and
>> wiki. To
>> no avail. And everything validates. Can you help?
>> The page (with CSS temporarily embedded) is at
> IE mac has some problems applying margins to this type of inline
> elements
> li {margin: 0 20px  /* equal margin left and right */ }
> would work.

Thank you! This did solve the IE/Mac problem! However . . .

> But won't solve your problem in IE 5 win. That browser
> need 'layout' to correctly apply the margins.
> Solution
> * html ul#icons li {
> 	display: inline-block;
> 	}

I added the code you suggested, but it still displays the same in 
IE5/Win. Plus, the CSS no longer validates. Did I do something wrong? 
Here's the link again:

Once again, your help is very much appreciated!


css-discuss [EMAIL-REMOVED]]
IE7b2 testing hub --
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread: