div wollen sich im ie7 nicht zentrieren

ArtiHl · 29.08.2010

Jetzt bin ich schon seit Stunden am gucken, ich finde den Fehler nicht.
Wäre lieb wenn mal jmd. anderes rüberschauen könnte.
Es geht darum das im ie weder das div "Navi-Haupt nochd "Content" zentriert wird.
HtmlCode:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" http-equiv="Description" content="[{Description}]"/>
<meta name="Keywords" http-equiv="Keywords" content="[{Keywords}]" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<meta name="robots" content="index, follow" />
<title>[{Sitetitle}]</title>
<link href="templates/CSS/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
  
<!--Navi oberhalb des Header-Anfang-->
    <div id="Sys-Navi">
      [{Sys-Navi}]
    </div>
<!--Navi oberhalb des Header-Ende-->
<!--Header-Anfang-->
    <div id="Header">
    </div>
<!--Header-Ende-->
<!--Contentbereich-Anfang-->
    <div id="Content-Wrapper">
<!--Hauptnavigation-Anfang-->
      <div id="Navi-Haupt">
        [{Navi-Haupt}]
      </div>
<!--Hauptnavigation-Ende-->
<!--Inhaltsbereich-Anfang-->
      <div id="Content">
        [{Content}]
      </div>
      <div id="Content-Foot">&nbsp;
      </div>
<!--Inhaltsbereich-Ende-->
<!--Contentbereich-Ende-->
<!--Fussbereich-Anfang-->
    <div id="Footer">
      [{Footer}]
    </div>
<!--Fussbereich-Ende-->
</body>
</html>

hier die CSS:

Code:

#Header{
background-image:url(../images/hintergrund-header.gif);
height:100px;
margin-bottom:0;
}

#Content-Wrapper{
background-image:url(../images/back-cont.jpg);
min-height:800px;
}

* html #Content-Wrapper{
height:800px;
}
#Content{
background-image:url(../images/Content-back.png);
min-height:600px;
width:700px;
margin:20px auto;
}
* html #Content{
height:600px;
}

#Navi-Haupt{
width:700px;
margin:0 auto;
text-align:center;
}

#Navi-Haupt ul{
margin-top:0;

}
#Navi-Haupt ul li{
list-style:none;
display:inline;
}

#Navi-Haupt a{
text-decoration:none;
border:none;
color:#000;
background-color:#FC0;
border:1px solid #000;
width:100px;
height:30px;
text-align:center;
margin-left:2px;
display:inline-block;
}

#Content-Foot{
background-image:url(../images/contentfoot.png) ;
width:700px;
height:25px;
margin:20px auto;
}

cebito · 29.08.2010

AW: div wollen sich im ie7 nicht zentrieren

Wozu hast du einen content-wrapper, der die anderen einschließt (einschließen soll), wenn du dann versuchst jeden einzelnen zu zentrieren, das könnte über o.g. div passieren, sofern du ihn dann auch irgendwann mal wieder schließt.

ArtiHl · 29.08.2010

AW: div wollen sich im ie7 nicht zentrieren

der content-wrapper ist mit einer hintergrundgrafik belegt, welche in x Richtung repeatet.
Der content-wrapper darf nicht zentriert werden da er übers ganze body gehen soll.
Hab ihn jetzt auch geschlossen

. Daran lag es leider nicht.

Doitsu · 29.08.2010

AW: div wollen sich im ie7 nicht zentrieren

Warum gibst du das Bild nicht dem body mit, und zentrierst den Wrapper? :eek:

ArtiHl · 29.08.2010

AW: div wollen sich im ie7 nicht zentrieren

Falsch, siehe edit:
(Fehler gefunden, mein script schneidet den doctype ab.
Nun muss ich mich auf die suche machen wo er es macht.)

Die hintergrundgrafik kann ich nicht in den body machen da ich nicht weiß wie hoch der header ist.

Danke euch für eure hilfe.

edit: LOL, error_reporting(E_ALL); schreibt mal ebend seine notizen vor dem doctype(im FF nicht!) und das nimmt der ie mir übel:hmpf: