Alan Gresley wrote:
Thierry Koblentz wrote:
Hi Alan,
[snip]
For a <ul> or <ol>, display: inline-block will render the list items
vertical in IE7-. There are two options that are cross browser
friendly.
1. Setting display: inline on this <li>s and setting the <a>s to
display: block in which a width can be applied.
I don't think so, the links would stack.
Your correct. Only works when floating.
li {float: left;}
span {display: block; width: 200px;}
One way to mimic inline-block in IE 6/7 is to style elements with:
display:inline;zoom:1;width:<whatever>;
Why do you need zoom when width will trigger hasLayout anyway?
Hello Theirry,
It seems that zoom does something in IE7- which I do not understand.
Can anyone explain? This would mean using something like this.
li {display: -moz-inline-block; display: inline-block; width:100px;}
*+html li {display: inline; zoom: 1;} /* IE7 */
* html li {display: inline; zoom: 1;} /* IE6 */
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
