Tabellhöjd (igen) i IE

4 svar · 242 visningar · startad av doggelito 3 okt. 2005

doggelitoMedlem sedan juni 20003 076 inlägg

Trådstart3 okt. 2005 08:40#1

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

3 okt. 2005 22:14#2

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

doggelitoMedlem sedan juni 20003 076 inlägg

4 okt. 2005 06:21#3

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!)

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

4 okt. 2005 06:58#4

Annars kan du ju gå förbi problemet med ännu fler tabeller

<!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>

doggelitoMedlem sedan juni 20003 076 inlägg

4 okt. 2005 07:00#5

hehe, det förståss!
tabell-hell blir det då.