Dobbelt linjeafstand i Firefox
HejPrøv at kigge på nedenstående kode.
Hvorfor vises teksten i anden række
med dobbelt linjeafstand,
når det vises i Firefox (version 3)?
Hvis jeg tilføjer class="brod" i div tag'et, bliver
linjeafstanden normal - også i Firefox. Men på den måde
ændrer jeg udseendet på alt indholdet i div tag'et, og det
er jeg ikke interesseret i.
Men hvordan er det nu, kan man ikke skrive noget CSS, der henviser til indlejrede tags? I dette tilfælde er det måske
noget med div - td- span.
Jeg har prøvet med f.eks. div.span.brod, men det ændrer ikke noget. Kan man mon skrive div.menu (td) span - og så skal der tilføjes class="menu" i div tag'et eller hvordan?
Kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>tabeltest</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<style type="text/css" media="screen">
.brod
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
}
</style>
<div style="float:right;">
<table cellpadding="0" cellspacing="0">
<tr>
<td class="menutd" style="background:#FF9933;width:160px;"><span class="list-header">Menu</span></td>
</tr>
<tr>
<td><span class="brod">Hvorfor er linjeafstanden<br>større i Firefox (version 3)? </span></td>
</tr>
</table>
</div>
</body>
</html>
Tak.
Mvh. Martin
