Spand uden indhold

Tags:    html css

Helløj!

Betragt venligst følgende side: http://redsplat.org/test.html

På siden er der noget tekst og to inline-block elementer med præcis samme style. Den eneste forskel i koden på de to elementer er at det ende indeholder tekst, og det gør det andet ikke. Det underlige er at det element der indeholder tekst, ikke bliver vist i samme højde som det andet element.

Er der nogen der ved hvordan at jeg kan sikre mig at begge elementer bliver vist i samme højde, ligegyldigt om de er tomme eller ej?



2 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
Ser ud til at baseline udregnes forskelligt afhængigt af om div'en har indhold eller ej.

Fra CSS spec: "baseline: Align the baseline of the box with the baseline of the parent box. If the box does not have a baseline, align the bottom margin edge with the parent's baseline."

Du må nok bruge noget andet end vertical-align:baseline, som er default. Prøv med enten vertical-align:bottom eller vertical-align:text-bottom.



Super! Jeg smed vertical-align: bottom på, og det virker glimrende nu.



t