3 svar · 480 visningar · startad av SoMeOnE
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å?
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>
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...
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!