SoMeOnEMedlem sedan nov. 200254 inlägg Jag har en tabell som är 100% av höjden på webläsarfönstret. Sen vill jag dela in den tabellen i 2 rader där den övre ska vara 150px hög och den undre återstånde delen av tabellen. När jag försökt med följande:
<table style="height: 100%;margin-left: auto;margin-right: auto; width: 300px" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="150">
test
</td>
</tr><tr>
<td>
test
</td>
</tr>
</table>
Så fungerar det fnt i FF och Opera med i IE så blir den övre delen betydligt större. Finns det något sätt att få det att fungera i IE också?
bossseMedlem sedan juni 2003772 inlägg Testa med css på detta vis!
F.ö. så är det tr (raden) som har en höjd, td:n (kolumnen) har bredd.
<html>
<style type=text/css>
body {background-color:green; color:yellow}
table {height:100%;width:300px;border:1px solid black;}
.rad1 {height:150px}
td {border-top:1px solid black}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr class=rad1>
<td>
test
</td>
</tr><tr>
<td>
test
</td>
</tr>
</table>
</body>
</html>
jarvkloMedlem sedan juli 20013 378 inlägg Hmm...
Vad kör du med för <!DOCTYPE ?
Höjdfördelningen mellan tabellrader i bl.a. MSIE beter sig tyvärr lite olika i MSIE beroende på vad man använder för <!DOCTYPE och hur den är skriven...
SoMeOnEMedlem sedan nov. 200254 inlägg Upptäckte det efter ett tag när jag kopiera lite kod från en annan sida att det var det enda som inte vara samma. Den dag IE gjorde som den borde skulle vara en bra dag för alla webdesigners. Tack för svaret!
