Christian: Seite wird in Firefox nicht mittig angezeigt

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>

  1. 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

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
  2. 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

    --
    Am Ende wird alles gut.