dark_ghost
Erfahrenes Mitglied
Hallo zusammen,
ich möchte mein Homepage-Layout zentrieren, hierbei ergibt sich das Problem, dass der IE alles korrekt interpretiert der FF hingegen ignoriert die Anweisung
HTML-Code
Zugehöriger CSS-Code
Über Tipps und Anregungen freue ich mich
Vielen Dank
Andreas
ich möchte mein Homepage-Layout zentrieren, hierbei ergibt sich das Problem, dass der IE alles korrekt interpretiert der FF hingegen ignoriert die Anweisung
HTML-Code
Code:
<!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>titel</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--Umschließt und zentriert die komplette Seite-->
<div id="main">
Diese Box soll zentriert dargestellt werden. (Textausrichtung standard links)
</div>
</body>
</html>
Code:
body {
font-family:Verdana;
font-size:12px;
font-weight:bold;
background-color:#000000;
color:#00FF00;
text-align:center;
}
#main {
border:1px solid orange;
text-align:left;/*Text wieder links ausrichten*/
margin:0;/*Für standardkonforme horizontale Zentrierung*/
padding:0;
width:1000px;
}
html>body main {
border-color:grey;/*Farbabgleich an den IE*/
}Über Tipps und Anregungen freue ich mich
Vielen Dank
Andreas
