✔ Probleme mit Div Positionierung im IE

Status
Nicht offen für weitere Antworten.
C

ChrisiL

Grünschnabel
Hallo,

habe zu meinem Problem schon etliche Seiten durchgeschaut, aber keine Lösung gefunden.
Auch weiß ich nicht so richtig nach was ich suchen soll.

Hier nun mein Problem:

Ich habe ineinander verschachtelte Div's, nach folgendem "Prinzip":

HTML: 
<body>
    <div id="header">
       Kopf
             <div id="mainmenu">
              Hauptmenue
             </div>
    </div>
</body>

Und mit folgendem CSS:

Code: 
html, body {
   background-color:white;
   margin:0px;
   padding:0px;
   }

#header {
   margin:auto;
   background-color:rgb(255,255,255);
   width:800px;
   height:100px;
   padding:0px;
   margin-top:0px;
   border-left:solid rgb(200,200,200) 1px;
   border-right:solid rgb(200,200,200) 1px;
   }
   
#mainmenu {
   position:absolute;
   margin-left:-1px;
   top:100px;
   background-color:rgb(140,140,140);
   width:802px;
   height:40px;
   }

Im Firefox und Opera wird es auch wie gewünscht genau untereinander dargestellt, im
Internet Explorer dagegen nicht. Im IE richtet sich das 2te Div irgendwie am Inhalt des
ersten aus und verutscht nach rechts.

Wie kann ich dieses Problem lösen, oder funktioniert das so im IE einfach nicht?


Gruß
Christian
 
Hi und herzlich Willkommen im Forum :)

Selbstverständlich lässt sich das Problem beheben:

Code: 
#header {
   margin:auto;
   background-color:rgb(255,255,255);
   width:800px;
   height:100px;
   padding:0px;
   margin-top:0px;
   border-left:solid rgb(200,200,200) 1px;
   border-right:solid rgb(200,200,200) 1px;
   position:relative;
   }

#mainmenu {
   position:absolute;
   margin-left:-1px;
   top:100px;
   background-color:rgb(140,140,140);
   width:802px;
   height:40px;
   left:0;
   }
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück