Hur får man denna rackans kod att funka i IE?
Höjden i översta raden ska vara 50px (jämt), men drar man lite i fönstret så ändras höjden!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
html, body {padding:0; margin:0; height:100%;}
table {width:750px; height:100%;}
#th { background:#e1e1e1; height:50px;}
#td { background:#c4c4c4;}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr>
<th id="th">blabla</th>
</tr>
<tr>
<td id="td">blabla</td>
</tr>
</table>
</body>
</html>
jarvkloMedlem sedan juli 20013 378 inlägg Hmm...
Det är ett (ganska) välkänt faktum att tabeller (cellmått, bredder och höjder) inte funkar som man är van om man väljer att köra "Standards mode" (vilket du gör iom valet av <!DOCTYPE ). Det man märker är att fördelningen av t.ex. höjd efter cellernas innehåll verkar "smälla högre" än angivna mått så länge höjden på tabellen inte ställts in med ett absolut mått (typ: 300px)... Förmodligen beror det på att en viss proprtion av "auto" alltid verkar vara att betrakta som "auto" som är relaterat till innehållets "verkliga" höjd...
Prova att ta bort <!DOCTYPE-raden helt och kör "Quirks mode" om du vill layouta med tabeller är mitt tips (eller ställ in en fast höjd på tabellen om du vill behålla den <!DOCTYPE du har i exemplet!)
:bire
jarvklo skrev:
Prova att ta bort <!DOCTYPE-raden helt och kör "Quirks mode" om du vill layouta med tabeller är mitt tips (eller ställ in en fast höjd på tabellen om du vill behålla den <!DOCTYPE du har i exemplet!)
ok :(
visst, man kan också sätta den undre radens höjd till 100% men då får man en scroll jämt istället! inte så snyggt.
jarvkloMedlem sedan juli 20013 378 inlägg Annars kan du ju gå förbi problemet med ännu fler tabeller :P
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
html, body {padding:0; margin:0; height:100%;}
table {width:750px; height:100%;}
#th { background:#e1e1e1; height:50px;}
#td { background:#c4c4c4;}
tr {vertical-align:top}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr>
<td id="td">
<table style="height:50px" cellpadding="0" cellspacing="0">
<tr>
<th id="th">blabla</th>
</tr>
</table>
blabla</td>
</tr>
</table>
</body>
</html>
hehe, det förståss! :)
tabell-hell blir det då.
