Sent by Bruno Fassino on 18 October 2004 15:03
Peter-Paul Koch wrote:
> A problem with display: inline-block and differences between Moz 1.6
> and FF 1.0PR.
>
> http://www.xs4all.nl/~ppk/hlz/template1.html
> http://www.xs4all.nl/~ppk/hlz/hlz.css
>
> 1) This is all about the icons in the dark green bar. To the right of
> the icons I placed a SPAN for a tiny JavaScript effect. This SPAN,
> though, should have the same height as the images to the left of it,
> mostly because it also contains a bg-image (the light green line).
>
> 2) Obviously, of itself a SPAN cannot have a height. Therefore I gave
> it display: inline-block, which does allow for heights to be defined.
> This works perfectly in IE Win, Op and Safari.
[...]
>
> 4) Now for the real problem: Mozilla doesn't support display:
> inline-block. Instead, it supports display: -moz-inline-block. In a
> flash of inspiration I did:
>
> span#printtekst {
> display: -moz-inline-block;
> display: inline-block;
> }
[...]
>
> 5) Switching to Firefox 1.0 PR, though, gives a completely different
> effect. The span is suddenly placed on the next line, stretching up
> the entire green bar in the process. The culprit is definitely the
> '-moz-inline-block', which (I think) is interpreted as 'block'.
The only page where I tested -moz-inline-block works fine both in older
Mozillas and in FF1.0PR, so I don't think support for -moz-inline-block has
changed.
I would rather guess a different white-space interpretation (or better line
breaking rules):
you have already stripped all the white space, however adding "white-space:
nowrap;"
to the container div (#extranavigatie) seems to solve the problem.
Of course I'm far from being sure of this...
Bruno
______________________________________________________________________
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/
