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
>> www.pilcrow.biz/codgie/news4.html.
>
> 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: www.pilcrow.biz/codgie/news4.html.

Once again, your help is very much appreciated!

Julie

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Previous Message
Next Message

Message thread: