Plaatje centreren in <span>

[Ebayzo]

Ik heb een span van 100% width:

code:

.newsImage {
    display: -moz-inline-box; 
    display: inline-block; 
    width: 100%;
    text-align: center;
}

In de pagina heb ik een span staan met daarin een plaatje:

code:

<span class="newsImage">[img]"screenshots/screen1.jpg"[/img]</span>

In IE6 zet hij netjes de afbeelding in het midden, maar in Firefox weigert hij om de afbeelding in het midden te plaatsen.

Firefox zou toch ook gewoon de text-align over moeten nemen? Of zie ik iets over het hoofd..

[ Voor 16% gewijzigd door Ebayzo op 19-09-2005 13:28 ]

[disjfa]

Een span kan geen breedte hebben aangezien het een inline block is.

[Ebayzo]

disjfa schreef op maandag 19 september 2005 @ 13:28:
Een span kan geen breedte hebben aangezien het een inline block is.

Wel..want de span is gewoon 100% breed (getest met borders) in zowel IE als Firefox.

[Verwijderd]

inline-blocks kunnen wel breedte hebben disjf

voor zover ik weet is dit een bugje, het text-align property zou nl ook moeten gelden voor inline-blocks, maar strict genomen ondersteund ff dan ook geen inline-block.

[Ebayzo]

Verwijderd schreef op maandag 19 september 2005 @ 13:39:
inline-blocks kunnen wel breedte hebben disjf

voor zover ik weet is dit een bugje, het text-align property zou nl ook moeten gelden voor inline-blocks, maar strict genomen ondersteund ff dan ook geen inline-block.

Hmm..was blij dat dit eindelijk werkte onder IE. Want de span valt namelijk onder een <p> dus een <div> of <p> gebruiken is geen optie. Heb jij zogauw een work-around mophor?

[BtM909]

Ebayzo schreef op maandag 19 september 2005 @ 13:42:
[...]
Hmm..was blij dat dit eindelijk werkte onder IE. Want de span valt namelijk onder een <p> dus een <div> of <p> gebruiken is geen optie. Heb jij zogauw een work-around mophor?

Je kan toch gewoon display:block gebruiken?

[Ebayzo]

BtM909 schreef op maandag 19 september 2005 @ 13:45:
[...]

Je kan toch gewoon display:block gebruiken?

OMG Ik ken de basis van CSS maar hier had ik nog nooit mee gewerkt Dank u...