3 svar · 305 visningar · startad av Skarre
Jag trixar med en webbplats som ska vara centrerad i browserfönstret och det har jag lyckats med. Problemet är att sidorna kommer att vara olika långa och sträcka ut diven. Alla exempel jag googlat fram använder fast höjd. Om någon kunde visa mig hur man gör vore det underbart.
Jag lyckades mecka ihop det till slut. Kommentarer välkomnas.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
html, body {
height:100%;
width: 100%;
margin:0;
padding:0;
}
body {
text-align:center;
}
#containerTable {
height:100%;
margin:auto;
width:582px;
}
#containerCell {
vertical-align:middle;
padding:20px 0;
}
#contentDiv {
background-color:#EEE;
}
-->
</style>
</head>
<body>
<table id="containerTable">
<tr>
<td id="containerCell">
<div id="contentDiv"> </div>
</td>
</tr>
</table>
</body>
</html>
Tja, så länge MSIE inte hanterar "display:table-cell" så är väl en tabell enda sättet att komma åt vertical-align när man inte har en känd höjd såvitt jag vet ;)
(Jag skulle precis tipsa dig om en tabellösning när jag såg att du löst det själv :bire )