Previous Message
Next Message

Horizontal list, IE 5

Sent by Philippe Wittenbergh on 18 March 2006 14:02


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. 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;
	}



Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>




______________________________________________________________________
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: