Sent by Philippe Wittenbergh on 20 October 2004 01:01
On Oct 20, 2004, at 00:46, Alex Robinson wrote:
> Following on from Mark Hadley's excellent find that
> display:inline-block gets round Mac IE5's need for javascript when
> "easy clearing" without structural markup, I thought that I'd
> investigate to see if it would provide any help with that old Mac IE5
> chestnut, namely floats without explicit widths expanding to full
> width if they contain an element whose display is set to block. [0]
>
> http://www.fu2k.org/alex/css/cssjunk/FloatInlineBlock.html
>
>
> I note that Philippe Wittenbergh remarks that display:inline-block can
> be used to
> sort out bugs that Mac IE5 has with floated blocks nested in a
> table-cell
>
> http://www.l-c-n.com/IE5tests/float2misc/
>
>
> So, in conclusion, display: inline-block, a little marvel when it
> comes to whipping (if you have to) Mac IE5 in to line.
>
>
> [0] Actually I thought it was all floats, but I can't get that to
> happen unless I have the block-level element within the float.
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.....
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/
