U
unique23
Aktives Mitglied
Thread Starter
- Dabei seit
- 03.03.2004
- Beiträge
- 759
- Reaktionspunkte
- 2
habe mein css schön aufgebaut und alles sieht blendend aus... im firefox. leider gilt das nicht für den ie. mir scheint so, als ob er mit der absoluten positionierung seine probleme hat. mir zerschießts immer das layout im ie. weiß jemand eine lösung dafür?
ich habe hier mal mein css dokument drangehängt. verschachtelt ist bei mir alles mit divs im container und alle anderen elemente sind dann innerhalb aufgeführt.
bin unendlich dankbar für jede hilfe!
ich habe hier mal mein css dokument drangehängt. verschachtelt ist bei mir alles mit divs im container und alle anderen elemente sind dann innerhalb aufgeführt.
bin unendlich dankbar für jede hilfe!
HTML:
/* CSS Document */
body {
font: normal 16px Helvetica, Arial, sans-serif;
text-align: left;
padding: 0px;
color: #fff;
background: #014a7f;
}
h1 {
font: normal 20px Helvetica, Arial, sans-serif;
line-height: 22px;
text-align: left;
padding: 0px;
color: #fff;
background: #333;
}
.container {
position: absolute;
background: #fff;
width: 768px;
margin: 0px;
align: center;
padding: 0px;
text-align:left;
}
.top {
position: absolute;
color: #000;
width: 768px;
height: 112px;
margin-top: 0px;
margin-left: 0px;
}
#navcontainer {width: 182px; text-align: left;
border: 0px;
border-bottom: 1px solid #fff;;
margin-bottom: 2em;}
#navcontainer ul {margin: 0; padding: 0;
list-style-type: none;
text-indent: 20px;letter-spacing: 1px;}
#navcontainer li {list-style-image: none;
margin:0; border-bottom: 1px solid white;}
#navcontainer a {display: block;
width: 182px;height: 20px;
font: normal 16px Arial, Helvetica, sans-serif; }
#navcontainer a:link, #navcontainer a:visited {
background: #0171BB;
color: #fff;text-decoration: none;
padding-bottom: 0;}
#navcontainer li a:hover {
background: #fff;
color: #000;text-decoration: none;}
#navcontainer li a#current {
background: #fff;
color: #000;text-decoration: none;}
.navi {
font: normal 16px Helvetica, Arial, sans-serif;
color: #000;
width: 182px;
position: absolute;
margin-top: 150px;
margin-left: 0px;
line-height: 20px;
padding-left: 0px;
padding-right: 0px;
}
.content {
font: normal 16px Helvetica, Arial, sans-serif;
line-height: 22px;
color: #000;
background-color: #fff;
width: 464px;
margin-top: 340px;
margin-left: 200px;
padding-left: 0px;
padding-right: 0px;
}