Trådstart#1
Hejsan...
Jag håller på å försöker få en DIV som är typ 800px bred och 100% hög att ligga i mitten av sidan hela tiden. Typ som när man centrerar en tabell, men jag hittar inge positions alternativ som kan göra det.
Hur gör man?
CSS possitionerings Trubbel!
2 svar · 238 visningar · startad av joonas
Det gör det...
... och här är en komplett lösning som både använder centrering a'la Porphers förslag och som dessutom fungerar med bakgrundsfärger/bakgrundsbilder i <div>:en om innehållet behöver scrollas:
<!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>Ett exempel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html,body {
height:100%;
margin:0;
padding:0;
text-align:center;
}
#centrerad {
margin-left:auto;
margin-right:auto;
min-height:100%; /* Denna skall räcka enligt CSS2 */
width:800px;
background-color:#eeeeee;
/* fult hack för att gå förbi bugg i MSIE del 1 */
/* min-height funkar inte i MSIE, men det gör height */
height:100%;
}
/* fult hack för att gå förbi bugg i MSIE del 2 */
/* MSIE förstår inte denna - men min-height:100% */
/* blir det som gäller för "moderna" webbläsare */
/* när height "återställs" till auto */
body>#centrerad {height:auto}
-->
</style>
</head>
<body>
<div id="centrerad">
Hej hopp i Lingonskogen!
</div>
</table>
</body>
</html>