display:inline-block - a panacea for Mac IE5?
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 . The browser handles it fairly correctly. I haven't
> stumbled upon major deal breakers, although caution is advised. Test,
> as usual . 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:
> which takes ALA's 'Sliding Doors' nav bar as an example.
>  <http://www.l-c-n.com/IE5tests/float2misc/#fm002>
>  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 , just add text-align:right to see
some nuisance in IE Mac).
The easy clearing method is not affected.
In BigJohn's method , simply add
and hide that from other browsers if required via your favourite filter
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/>
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/