Häjj. Har ett skumt problem här som jag hoppas att någon kan lösa =) Jag vill ha en tabell som är 100% height med 3 <tr>. den uppe och nere ska vara en bestämd storlek och den i mitten vill jag ska anpassa sig efter upplösningen om ni fattar. Det vill sig verkligen inte för mig. Om jag inte sätter någon höjd på den i mitten så förstör den dom 2 övriga raderna och sätter jag tex 100% i höjd på den så blir den lika stor som fönstret så att man måste scrolla. Hur löser jag detta ?
td som anpassar sig efter fönstret ?
7 svar · 392 visningar · startad av aXiz
japp japp, det vill sig inte alls för mig. jag har 100% på bodyn oxå, vet itne det gör någon skillnad men =))
Kolla så du har samma doctype.
Lite kod att felsöka kanske? Svårt att hitta fel annars. :OO
btw. Sätt height på html-taggen också för att få Okkidos exempel att fungera i andra webbläsare än IE.
Hmm...
Har också slagits med detta - och en workaround för problemet / eländet som jag inte har fått några protester på ännu är följande:
Lägg in en
<div style="height:100%">
i "mittenraden". Sedan ser du till att få upp MSIE i "quirks"-mode (t.ex. som Okkido gör genom att ha med <?xml?>-prologen om du kör xhtml ;) )
såhär:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html,body {margin:0;padding:0;height:100%;border:none}
table {height:100%;width:100%;border-collapse:collapse}
-->
</style>
</head>
<body>
<table>
<tr style="height:100px;background-color:silver"><td>100 px</td></tr>
<tr><td><div style="height:100%">Detta skall bli "resten"</div></td></tr>
<tr style="height:10px;background-color:silver"><td>10 px</td></tr>
</table>
</body>
</html>
Har för mig att det finns några inlägg om detta med att just Mozilla inte respekterar höjder på tabellrader omman inte sätter höjd på alla, och att MSIE måste upp i "quirks" för att inte gå bärserk på samma sätt oavsett man har med <div>:en eller ej här i forumet om man söker... Men de är inte helt enkla att hitta ;)
kanon nu fick jag till det där. fast då dampade det och förstörde centeringen på hela tabellen :D
edit: // centeringen fungerar om jag använder align="center" i tabellen men inte om jag använder margin:auto
skumt.
Perfekt! Detta löste ni även mitt problem som jag postade om förra veckan. :)