hur gör man så att ett table alltid är i mitten av browsen oavsätt vilken läsare man har? inte så att den är i mitten på 1280x1024 men långt ner på 800x600 t.ex, mitten på höjden alltså :q
sidan i mitten
11 svar · 516 visningar · startad av jns
Det är kanske inget snyggt sätt, men du kan köra följande:
<body>
<table style='width: 100%; height: 100%;'>
<tr>
<td style='text-align: center; vertical-align: middle'>
...
</td>
</tr>
</table>
</body>
Om du vill att den skall funka i en massa versioner gör enligt följande:
<table height="100%" width="100%">
<tr>
<td align="center" valign="middle">
...
</td>
</tr>
</table>
Hur gör man om man vill placera en sida i mitten på webläsaren? För ovanstående exempel fungerar endast i Iexplorer vad jag kan se.
Hmm...
Den kokboksmetod jag brukar köra med är:
* Tänk på vilken <!DOCTYPE du använder
* Sätt höjd 100% samt margin och padding till noll på html och body när du kör med en <!DOCTYPE som ställer in din sida i "Standards mode"...
Här är ejicks exemplel skrivet i xtml 1.0 Transitional med dessa kokboksingredienser tillagda...:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Centrering</title>
<style type="text/css">
<!--
html, body {height:100%; margin:0; padding:0;}
-->
</style>
</head>
<body>
<table style="height:100%; width:100%">
<tr>
<td align="center" valign="middle">
<div style="border:1px solid black">Centrerad i höjd</div>
</td>
</tr>
</table>
</body>
</html>
Behöver du sedan centrera sidan i sidled också så finns kodexempel på t.ex.
http://bluerobot.com/web/css/center1.html
och
http://bluerobot.com/web/css/center2.html
... som kör en tabell enligt ejicks exempel :e
Om man kör vanlig html vad ska man använda för doctype? Jag testaed med den vanliga Transitional men då funkar det inte... det funkar utan men det vill jag ju inte.
Hmm..
Du hamnar i Standards Mode med den DOCTYPE:n...
Har du med height:100% för body och html då ? (de behövs alltid i standards mode när du vill att 100% skall vara hela skärmhöjden !!! ;) )
Följande funkar för mig i MSIE5 och 6.2 iallafall...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Centrering</title>
<style type="text/css">
<!--
html, body {height:100%; margin:0; padding:0;}
-->
</style>
</head>
<body>
<table style="height:100%; width:100%">
<tr>
<td align="center" valign="middle">
<div style="border:1px solid black">Centrerad i höjd</div>
</td>
</tr>
</table>
</body>
</html>
Ok nu funkar det... men nu fick jag problem med mina höjden på mina td's... om jag har en tabell som jag vill ska vara "*" i höjd (dvs resterande höjd som finns kvar) hur gör jag då? * är väll inte godkänt?
hmm...
Vad händer om du testar att köra med en DOCTYPE som ger dig "quirks mode" då?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Hey!.. det fungerade... i iexplorer i alla fall, men man får väll offra sig. Det ser inte helt kackigt ut i Opera o NN i alla fall.
Tackar tackar ;)