Vertikal overensstemmelse i table (forskellig skriftstørrelse)
Kære Eksperter,Jeg sidder og prøver at få en hjemmeside op at køre, der skal indeholde en del tabeller. Jeg vil gerne have at teksten står lige højt (vertikalt) i cellerne på trods af, at de har forskellig skriftstørrelse. Kan dette lade sig gøre på tværs af browsere?
Jeg har prøvet med følgende kode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>test</title>
</head>
<body style = "font-family: Cambria, Georgia, Times, serif;">
<table>
<tr style = "height: 100px; vertical-align: bottom;">
<th style = "font-size: 24px;">n</th>
<th style = "font-size: 12px; padding-bottom: 4px;">n</th>
</tr>
</table>
</body>
</html>
Men der er uoverenstemmelse mellem IE og Firefox.
Jeg har også prøvet med line-height, margin, mv., men synes ikke jeg kan opnå samme resultat i IE, Firefox, Chrome og Safari.
Spekulerer lidt på, om der er en nem måde at gøre dette på, som jeg bare ikke kender til? Jeg håber virkeligt I kan hjælpe!
