Kolonnebredde driller
Jeg har før haft problemet med forskydninger i kolonnerne. Bedst som jeg tror, at der er styr på det, har kolonnerne det med at forskyde sig. Se også http://www.eksperten.dk/spm/610859Jeg har oprettet et nyt test-dokument, og har efterfølgende fyldt en style på ad gangen for at se hvor det evt. kan gå galt (bruger normalt CSS, men ikke i denne test). Det gik galt, da jeg satte noget padding på og modregnede det i cellebredden. Om det bare var tilfældigt, ved jeg ikke.
Oprindelig bredde på menuen: 160px;
Herfra fratrækkes 1px (border-right = 1px solid black;)
160 - 1 = 159
Herefter fratrækkes 30px; (padding = 15px;)
159 - 30 = 129
Dvs. at en tabel indsat i menukolonnen kan være enten 100% i bredden eller 129px. Jeg foretrækker 129px, fordi jeg så kan styre bredden i px, hvilket efter min smag er mere præcist at regne med istedet for procenter.
Sådan gør jeg det med alle 3 kolonner, men alligevel forrykker det hele sig - måske tilfældigt - når jeg sætter padding på. Her er dokumentet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Min titel</title>
<META HTTP-EQUIV="Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="content-type" content="text/html;charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" content="no">
<META HTTP-EQUIV="Content-language" content="dan">
<META NAME="robots" content="all">
</head>
<body>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="990">
<tr>
<td align="center" colspan="3" style="background-color: #e7e7e7; border-bottom: 1px solid black;">Banner</td>
</tr>
<tr>
<td align="left" valign="top" style="padding: 15px; background-color: #e7e7e7; width: 129px; border-right: 1px solid black;">Test</td>
<td align="left" valign="top" style="padding: 30px; background-color: #e7e7e7; width: 620px;">Indhold</td>
<td align="left" valign="top" style="padding: 15px; background-color: #e7e7e7; width: 149px; border-left: 1px solid black;">Nyheder</td>
</tr>
<tr>
<td align="center" colspan="3" style="background-color: #e7e7e7; border-top: 1px solid black;">Bund</td>
</tr>
</table>
</div>
</body>
</html>
