Previous Message
Next Message

Moz/FF and display: inline-block

Sent by Susanne_Jäger on 18 October 2004 17:05


Am 18.10.04 14:44 schrieb Peter-Paul Koch :

> 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.

why don't you just use?:
span#printtekst {
    display: block;
    float: left;
    ...
div#extranavigatie {
    width: sufficient; /* needed for Opera */

Seems to work in Moz, FF, IE >5, Opera 7 on Windows.

There is yet another Gecko-Problem with div.clearer
On some systems (including mine :-)) "font-size: 1px; line-height: 1px;" 
and   won't work as clearing element. Zoe Gillenwater calls this 
"super small content". See her test page concerning clearing methods: 
<http://www.pixelsurge.com/experiment/clearers.htm>

Susanne

-- 
Susanne Jäger
http://sujag.de - Webentwicklung und -beratung
______________________________________________________________________
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/
Previous Message
Next Message

Message thread: