ugrás a tartalomhoz

Középre igazítás CSS-el, Firefoxban - nem sikerül

Garono · 2006. Május. 30. (K), 21.48
Sziasztok!

Gondoltam ideje váltani, így oldalamnak egy új (2.0-ás :) ) designt szerettem volna adni. Papíron meg is rajzoltam az oldalam vázlatát, majd elkezdtem kódolni. Úgy terveztem, hogy az oldal középre lesz igazítva. Igen ám, de Firefoxban cseszik középre tenni! Internet Explorerrel bezzeg középpen van!
Idd a HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


<html>

<head>

<meta http-equiv="Content-Type" content="charset=iso-8859-2"></meta>

<style type="text/css">

body {
   background-color: black;
   text-align: center;
   margin: 3px 0px 0px 0px;
}

#alapdiv {
   background-color: purple;
   height: 800px;
   width: 600px;
}

#div1 {
   border: 5px solid;
   border-color: black purple purple black;
   float: left;
   height: 0px;
   overflow: hidden;
   width: 0px;
}

#div2 {
   border: 5px solid;
   border-color: black black purple purple;
   float: right;
   height: 0px;
   overflow: hidden;
   width: 0px;
}

</style>

<title>
Háromszögek, sokszögek - CSS trükkök első rész
</title>

</head>

<body>

<div id="alapdiv">

<div id="div1"></div>

<div id="div2"></div>

</div>

</body>

</html>

Esetleg csak nálam nem rakja középre? 1.5.0.3-as Firefoxom van (vagyis a legújabb). Ha valaki esetleg tudja a megoldást, nagyon szépen megköszönném, ha megosztaná velem!
 
1

Szerk.

Garono · 2006. Május. 30. (K), 21.50
Ja, a <title> ne zavarjon meg senkit, az csak ott maradt, mert ezt eredetileg példafájlnak szántam a Tutorial.hu-ra. :)
2

margin:auto

Anonymous · 2006. Május. 30. (K), 21.56
body {
margin-left:auto;
margin-right:auto;
}

Ezzel az egész oldalt középre igazítod.

Gábor
4

Majdnem... :)

Garono · 2006. Május. 31. (Sze), 07.15
Köszi, de nem a body-ra kellett alkalmazni a margin-left:auto; margin-right:auto;-t, hanem az alapdivre. De azért kösz. Most már működik. 8)