forskel på rendering af linier og tabeller
En ting jeg ikke har bemærket før, muligvis fordi det har været ligegyldigt med de ting jeg tidligere har lavet, er at IE og FF åbenbart giver meget forskellige resultater mht. afsnitsmellemrum og cellehøjde. Det undrer mig lidt at der er SÅ stor forskel, på så simple og ligetil ting.I følgende eksempel vil FF meget gerne smide en hulens masse plads over og under teksten i tabellen, mens IE komprimerer cellehøjden til lige præcis at kunne have teksten i cellerne. Det er det sidste der er ønskværdigt til det jeg laver nu.
Nedenunder laver IE langt større afstand mellem afsnittende end FF. Der synes jeg bedre om FF.
Det er faktisk møg hamrende irriterende med disse forskelle - og jeg forestiller mig at andre browsere giver flere forskelle. Jeg synes ikke lige at jeg kan gennemskue hvordan jeg justerer lige disse ting via CSS så det vises ens, så jeg ville meget gerne have hjælp til det.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><p>dfg dfg dfgd </p></td>
<td><p>sdfsdf sdf sdf sdfdf sd </p></td>
<td><p>sdf sdf sdf df dsf sd </p></td>
</tr>
<tr>
<td><p>sdf sdf sdf sdfsdf d </p></td>
<td><p>sdf sdf sdf sd fsd fsdf </p></td>
<td><p>sdfd fsdf sdf sdf sdf </p></td>
</tr>
<tr>
<td><p>df sdf sdfsdf sdf ds f </p></td>
<td><p>sdf dsfsdfsdfsdf </p></td>
<td><p>dsf sdf sdf sdf d </p></td>
</tr>
</table>
<p>gdfgdfgdgd d gfgdfg df gdf gdfg dfg</p>
<p>dfg dfg dfg dfg d </p>
</body>
</html>
