Sent by Philippe Wittenbergh on 20 October 2004 03:03
On Oct 20, 2004, at 09:17, Philippe Wittenbergh wrote:
>
> [...]
> Display:inline-block is a nice tool when dealing with IE Mac and its
> float problems. It also helps to work around the clear inheritance
> problem [1]. The browser handles it fairly correctly. I haven't
> stumbled upon major deal breakers, although caution is advised. Test,
> as usual [2]. The nice thing is: it also helps to deal with the oldest
> version of IE 5 Mac, which is eventually more buggy then more recent
> version. See also this little article of mines:
> <http://emps.l-c-n.com/articles/70/stuff-and-things>,
> which takes ALA's 'Sliding Doors' nav bar as an example.
>
> [1] <http://www.l-c-n.com/IE5tests/float2misc/#fm002>
>
> [2] nesting block level elements, or elements set to display:block,
> inside an element with display:inline-block might expand the
> parent-element back to full width, unless a width is specified. As I
> said, test.....
One important little tidbit I left out :
The self-collapsing effect (shrinkwrapping) only works well if you use
display:inline-block to replace float:left; send it to the right, and
things can go bad quickly, unless a width is specified.
(as in the examples in Alex' file [0], just add text-align:right to see
some nuisance in IE Mac).
The easy clearing method is not affected.
In BigJohn's method [1], simply add
..clearfix {display:inline-block}
and hide that from other browsers if required via your favourite filter
[2].
[0] <http://www.fu2k.org/alex/css/cssjunk/FloatInlineBlock.html>
[1] <http://www.positioniseverything.net/easyclearing.html>
[2[ <http://www.l-c-n.com/IE5tests/hiding/#anshow>
Philippe
--/--\--
Philippe Wittenbergh
blog : <http://emps.l-c-n.com/>
code | design | webprojects <http://www.l-c-n.com/>
IE5 Mac bugs and oddities <http://www.l-c-n.com/IE5tests/>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
