webForumDet fria alternativet

Procentuell höjd i standard läge?

HTML & CSS

4 svar · 208 visningar · startad av higa

Medlem sedan aug. 2000359 inlägg
Frågan#1

Om jag har en tabell med höjden 100% som innehåller 10 celler som har höjden satt till 10% via css så funkar det i quirk läge så att cellerna har precis 10% av fönstrets höjd, men inte i standard läge.
Går det att få samma effekt i standard läge på något sätt?

Medlem sedan feb. 2003774 inlägg
#2

Posta kod kanske skulle hjälpa

Medlem sedan aug. 2000359 inlägg
#3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
body {height: 98%; padding: 0px; margin: 0px;}
table.meny {height: 100%; margin: 0px;}
table.meny td {height: 10%;}
-->
</style>

</head>
<body>
<table summary="tjo" class="meny" border="0" cellpadding="0" cellspacing="0"> 
<tr>
<td>Menyval</td>
</tr>
<tr>
<td>Menyval</td>
</tr>
<tr>
<td>Menyval</td>
</tr>
<tr>
<td>Menyval</td>
</tr>
<tr>
<td>Menyval</td>
</tr>
<tr>
<td>Menyval</td>
</tr>
<tr>
<td>Menyval</td>
</tr>
<tr>
<td>Menyval</td>
</tr>
<tr>
<td>Menyval</td>
</tr>
<tr>
<td>Menyval</td>
</tr>
</table>
</body>
</html>

I IE så funkar det, i Moz är jag tvungen att ta bort DTD:n

Medlem sedan juli 20013 378 inlägg
#4

Hmm...
Du är inte den första att upptäcka att även <html> har en höjd när du "lämnar Quirks" (den verkar ha värdet satt till "auto" i NN6+/Moz, vilket ger den effekt du har problem med...)
Prova att sätta in

html {height:100%}

i din stilmall ;)

Varför? - Hmm... Läs min litania om detta här: http://www.webforum.nu/showthread.php?s=&postid=8068#post8068

Medlem sedan aug. 2000359 inlägg
#5

Tackar för hjälpen, nu funkar det som det ska :birp

264 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
132 ms — ändringar (db)