Thierry Koblentz wrote:
Hi Alan,problems with a layout I was working on. I have a horizontal menuthat Iwas using an UL list, this worked in firefox, but not completly in IE 7/8 and various others. they kept going into a vertical list despite using things like display: inline-block, so I decided to remove the links from the UL tags and just use the link, now I can't figure outhowto work with the tag to move the links around or resize them etc. this is the site: http://dmcentral.net/simple/This simple answer is floating the <a>s. Firstly since they will behave as display:block in which a width can be applied and secondly, floating will allow them to sit side by side. BTW, IE8 does not have the behavior you say it does. 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?
Making sure to not give a layout to nested elements.--Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
-- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [[email protected]] 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/
