Seite wird in Firefox nicht mittig angezeigt
Christian
- css
Hallo
kann mir vielleicht jemand sagen, wieso das rote Div Element (class="header_top") nicht in der Seitenmitte angezeigt wird, obwohl ich im übergeordnenen DIV Element text-align:center angegeben habe?
In IE funzt es, jedoch nicht in Firefox :(
Danke schonmals
---> Und hier der Code:
*********************************************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<style type="text/css">
body {
background-color: #8fbc8f;
}
.main {
text-align:center;
}
.header_top {
text-align:center;
width:800px;
height:600px;
background-color:#cd4512;
margin-top:50px;
}
</style>
</head>
<body>
<div class="main">
<div class="header_top">
</div>
</div>
</body>
</html>
hi,
kann mir vielleicht jemand sagen, wieso das rote Div Element (class="header_top") nicht in der Seitenmitte angezeigt wird, obwohl ich im übergeordnenen DIV Element text-align:center angegeben habe?
Nicht "obwohl", sondern "weil".
http://forum.de.selfhtml.org/hilfe/faq.htm#css-zentrieren
gruß,
wahsaga
Hi,
kann mir vielleicht jemand sagen, wieso das rote Div Element (class="header_top") nicht in der Seitenmitte angezeigt wird,
weil moderne Browser ein margin:auto wollen:
.header_top {
text-align:center;
width:800px;
height:600px;
background-color:#cd4512;
margin:auto;
margin-top:50px;
}
Btw: soll IE6 nicht im quirks-Modus arbeiten verwende ein vollstaendiges doctype, z.B.:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
Gruesse, Joachim