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

IE mac has some problems applying margins to this type of inline  
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.

* html ul#icons li {
	display: inline-block;

Philippe Wittenbergh

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

Message thread: