div zentrieren mit: "margin:0px auto;" im IE6

Status
Nicht offen für weitere Antworten.

outsidaa

Mitglied
Es geht um die Seite http://hairconcept3000.ajawebs.com

Hier wird beschrieben http://www.css4you.de/margin.html, dass diese Funktion auch im IE6 funktionieren soll, bei mir leider irgendwie nicht so. Hat jemand ne Ahnung wieso das nicht geht. Bei mir stellt er das im IE6 ganz links da. Also die ganze Seite.

CSS Datei:
Code:
a { text-decoration: none; color: black}
a:hover { text-decoration: none; color: black}
.lefttop { 
padding: 3px0px0px0px;
width:450px;
float:left;
height:285px;
height:265px !important; 
margin:0px5px5px0px;
}
.leftbottom {
width:450px;
float:left;
height:300px;
margin:5px5px0px0px;
background-color:white;
}
.middle1 {
width:5px;
height:273px;
float:left;
background-color:#777;
}
.middle2 {
width:100%;
height:5px;
float:right;
margin:0px;
padding:0px;
background-color:#777;
overflow: hidden;
}
.middle3 {
width:5px;
height:330px;
float:left;
background-color:#777;
}
.righttop {
border: 0pxdotted#000;
width:450px;
float:left;
height:285px;
height:265px !important; 
margin-left:5px;
margin-bottom:5px;
background-color:#FFF;
}
.rightbottom {
border: 0pxdotted#000;
width:450px;
float:left;
height:300px;
margin:5px0px0px5px;
background-color:white;
}
.topheader {
width:446px;
height:30px;
border-bottom:2pxsolid#777;
font-style: italic;
font-size: 18pt;
font-family: Verdana;
padding:25px0px0px5px;
}
.bottomheader {
width:446px;
height:30px;
border-bottom:2pxsolid#777;
font-style: italic;
font-size: 18pt;
font-family: Verdana;
padding:5px0px0px5px;
}
.righttopcontent {
width:446px;
height:175px;
border-top:1pxdotted#000000;
font-style: normal;
font-weight: normal;
font-size: 10pt;
font-family: Arial, sans-serif;
margin:14px0px0px0px;
padding:5px;
background: url(img/content-back2.jpg) no-repeatcenter;
}
.righttoppics {
width:446px;
height:232px;
border-bottom:1pxdotted#000000;
border-top:1pxdotted#000000;
margin:14px0px0px0px;
padding:12px0px3px0px;
}
.rightbottomcontent {
width:450px;
height:260px !important;
height:300px;
border-top:1pxdotted#000000;
font-style: normal;
font-weight: normal;
font-size: 10pt;
font-family: Arial, sans-serif;
margin:14px0px0px0px;
padding:5px;
background: ;

}
.menu {
width:400px;
height:300px;
background: white;
}
.menulink {
width:139px;
height:35px !important;
height:35px;

font-family: Verdana;
font-size: 12pt;
padding: 5px10px0px8px;
}
.servicebox {
width:80px;
height:130px;
background: white;
float: left;
margin: 5px;
}
.footer {
width:150px;
height:0px;
background: white;
margin: 0pxauto;
font-size: 10pt;
font-family: Arial, sans-serif;
}

html, body {height :100%;margin:0px} 
table {font-size:10pt}
.imgspace {padding:5px;}
.greylink {color:#777;}
 
Hi,

durch den XML-Prolog vor der Dokumenttyp-Deklaration
Code:
<?xml version="1.0"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
wird der IE6 in den Quirksmodus gesetzt und er unterstützt dadurch das Boxmodell nicht - siehe auch http://www.css4you.de/wsdoctypeswitch/index.html#bugs
 
Status
Nicht offen für weitere Antworten.
Zurück