Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 12.08.2010, 23:06
FrageHabe FrageHabe ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.08.2010
Beiträge: 7
FrageHabe befindet sich auf einem aufstrebenden Ast
Standard

Ich habe in der Zwischenzeit mal einen anderen Ansatz ausprobiert, indem ich absolute (das Bild in der Ecke) und relative (der Rest) gemischt und clear:both eingesetzt habe, sowie als Test eine dritte Reihe links eingefügt. Das Ergebnis war mal wieder nur halb zufriedenstellend, da alles soweit klappt, sowohl im Firefox als auch im IE...

Bis ich zum #rowmain komme - danach funktioniert wieder nichts, weder mit float:right, noch einer prozentualen / pixelbasierten Breitenangabe, noch mit einer absoluten Positionierung.

Hier mal mein anderes verwurschteltes CSS

#pic1 { background-color: white;
position: absolute; left: 0px; top: 0px; z-index: 50;
width: 80px;
height: 60px;
padding: 0px 0px 0px 0px;
margin: 0px;
border: 0px;
text-align:left;
}

#header { background-color: green;
position: relative; left:0px; top: 0px;
float: left;
width: 800px;
height: 60px;
padding: 0px 0px 0px 0px;
margin: 0px;
border: 0px;
text-align:center;
}

#headerlow { background-color: aqua;
position: relative; left:0px; top: 0px;
float: left;
width: 800px;
height: 15px;
padding: 0px 0px 0px 0px;
margin: 0px;
border: 0px;
text-align:center;
}

#rowleft { background-color: blue;
position: relative; left: 0px; top: 0px;
float: left;
width: 80px;
height: 60px;
padding: 10px 0px 0px 10px;
margin: 0px;
border: 0px;
text-align:left;
}

#rowleft2 { background-color: gray;
position: relative; left: 0px; top: 0px;
clear: both;
float: left;
width: 80px;
height: 60px;
padding: 10px 0px 0px 10px;
margin: 0px;
border: 0px;
text-align:left;
}

#rowleft3 { background-color: blue;
position: relative; left: 0px; top: 0px;
clear: both;
float: left;
width: 80px;
height: 60px;
padding: 10px 0px 0px 10px;
margin: 0px;
border: 0px;
text-align:left;
}

#rowmain { background-color: yellow;
position: relative;
width: 580px;
height: 100%;
padding: 20px 30px 10px 30px;
margin: 0px;
border: 0px;
text-align:justify;
}

#ad { background-color: red;
position: relative; left: 80px; top: 75px;
float: left;
width: 250px;
height: 250px;
padding: 0px 0px 0px 0px;
margin: 0px;
border: 0px;

}

#rowright { background-color: gray;
position: relative; left: 0px; top: 0px;
float: right;
width: 80px;
height: 120px;
padding: 10px 0px 0px 0px;
margin: 0px;
border: 0px;
}
Mit Zitat antworten
Sponsored Links