Ich habe das Problem dass meine komplett mit CSS gestylte Page im Explorer sch.... aussieht, weil die ganze DIV-Positionierung durcheinander geworfen wird (www.pearlonline.ch).
Kann mir jemand verlässliche Browser-Hacks angeben, mit welchen man die Positionierung von DIV’s in den verschiedenen Browsern steuern kann?
Oder muss ich tatsächlich wieder auf Tabellen-Layouts umsteigen???
Hier mein CSS:
/* CSS Document */
body {
background-color: #000418;
margin:0px;
padding:0px;
}
.csc-firstHeader {
font:bold 16pt fantasy;
margin-bottom:-10px;
color:#0099CC;
}
.bodytext {
font-family:fantasy;
font-weight:bold;
line-height:15pt;
color:#ffffff;
}
h2, h3,h4,h5,h6,div,p,body,html,input,button {
font: bold 12px fantasy;
color: #F39A1B;
letter-spacing: 1px;
}
p {
line-height:20pt;
}
#center img {
border:1px solid #0099CC;
margin-top:10px;
}
h1 {
color: #E075D7;
margin-bottom: 12px;
letter-spacing: 2px;
font-family:fantasy;
font-weight:bold;
}
.table {
boder:1px;
color:white;
}
.csc-textpic-caption {
font: Helvetica, Verdana, Arial;
font-size: 10;
color:#ffffff;
border-bottom: 1px solid #0099CC;
border-left: 1px solid #0099CC;
padding-top:6px;
padding-left:6px;
letter-spacing:2px;
}
img.block {
display:block;
}
div, img {
margin:0;
padding:0;
}
div#container {
width:759px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
border:6px solid #000;
padding:12px;
background-color:#3300CC;
}
div#top {
font: bold 10px Verdana,Arial;
clear:both;
background-color:#73DB27;
text-align:right;
color:#FFFFFF;
padding:5px;
padding-right:10px;
}
div#top a {
text-decoration: none;
color:black;
}
div#top a:hover {
color:#3300CC;
}
div#header { background-color:white; }
/*-----------------------------------*/
div#links {
float:left;
width:179px;
padding-top:37px;
padding-bottom:40%;
background-color:#0099CC;
}
div#head {
font: normal 10px Helvetica,Verdana,Arial;
color:white;
padding-top:5px;
padding-bottom:5px;
padding-left:6px;
background-color:#0099CC;
letter-spacing:0.1em;
}
div#center {
margin-left:178px;
width:569px;
height:581px;
background: rgb(70%, 70%, 70%) url(styleSCHMUCKfotos_FILES/HintergrundSilber1.jpg) 100% 0 no-repeat;
background-color: #000000;
padding-left:12px;
}
div#footer {
clear:both;
background-color:#73DB27;
padding:10px;
}
#angry#