On Sep 8, 2006, at 1:28 PM, Brian Cummiskey wrote:
> Philippe Wittenbergh wrote:
>> If that menu is floated, it already 'hasLayout' [1]
>> I suspect something else is going on with it.
>> Do you have a sample url ?
>
> No sample URL to post right now, but Here's the basic markup and css:
>
> [snip]
>
>
>
> #navbar {
> display: inline-block; /* ie6 fix */
> background: #036;
> color: #fff;
> padding: 0;
> margin: 0;
> }
>
> #navbar ul {
> margin: 0 5px 0 5px;
> padding: 6px 4px 6px 4px;
> }
>
> #navbar ul.fleft {
> float: left;
> }
>
> #navbar ul.fright {
> float: right;
> }
>
> [snip]
>
> Without the display:inline-block, the menu is all messed up in IE6.
Aha.
#navbar is not floated. And yes it better has 'layout' in order to
contain and constrain the floated ul inside of it.
options as 'layout triggers': width, height, zoom:1,....
Zoom:1 is probably the best option: hidden from other browsers, and
will work for both IE 6 and 7.
If you worry about validation, put it in a conditional comment.
inline-block is a bit dangerous, at the moment, IE doesn't implement
it correctly at all for block-level elements, it only acts as a
'layout' trigger, but who knows what happen tomorrow.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
