[CSS] Firefox rendert height en width van span niet

Pagina: 1
Acties:

  • Morphine
  • Registratie: Februari 2002
  • Laatst online: 25-01 20:38
Heren,

Waarom werkt onderstaand in firefox niet?
In IE wordt er keurig een blok van 25px bij 100px gerendert.. :/
HTML:
1
<span style='height: 25px; width: 100px; background-color: red;'></span>


Als ik er de position op absolute zet (of er een div van maak), dan werkt het wel, nadeel is dan dat ik niet meerdere blokken naast elkaar kan zetten zonder dan weer de left uit te gaan rekenen (wat ik uiteindelijk niet wil).

[ Voor 21% gewijzigd door Morphine op 18-05-2006 16:11 ]


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Floats gebruiken en blocklevel elementen
Inline elementen kunnen geen height of width hebben.

Intentionally left blank


  • Morphine
  • Registratie: Februari 2002
  • Laatst online: 25-01 20:38
dank :), nu nog een vertical-text-align in een span? (aaaah, line-height doet zijn werk 8))

[ Voor 103% gewijzigd door Morphine op 18-05-2006 16:50 ]


Verwijderd

Morphine schreef op donderdag 18 mei 2006 @ 16:33:
dank :), nu nog een vertical-text-align in een span? (aaaah, line-height doet zijn werk 8))
vertical-align bedoel je?

Aangezien een inline element als span geen height neemt, maar even groot is als z'n inhoud, heeft verticaal alignen hierbinnen dus weinig zin; er is geen ruimte boven en onder de inhoud ten opzichte van de span.