Középre igazítás CSS-el, Firefoxban - nem sikerül
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:
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!
■ 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>
<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!
Szerk.
margin:auto
margin-left:auto;
margin-right:auto;
}
Ezzel az egész oldalt középre igazítod.
Gábor
Majdnem... :)
margin:auto ÉS text.align:center egyszerre