Das CSS meines neuen Layouts validiert (bis auf ein paar Warnungen bezüglich fehlende color-Angaben bei vorhandener Background-Angabe und sowas, Kleinigkeiten, um die ich mich am schluss kümmere). xhtml validiert nicht, aber aufgrund von Doctype-Fehlern und fehlenden inneren Endtags bei Bildern - worum ich mich ebenfalls am Schluss kümmere.
Das Ganze sieht laut "Browsercam" in allen modernen Browsern gut aus - bis auf Safari & Konqueror. Die rechnen die Breiten-Prozentangabe des mittleren floating-divs offenbar nach Abzug der beiden äußeren divs (die auch beide floaten.)
Ist das ein bekanntes Phänomen? Kennt jemand Abhilfe?
Hier ist der Link zu der Seite:
http://www.wortwerkstatt.at/dagbok/index.php/dagbok/index2/
Hier ein Screenshot im Mozilla (also korrekt):
http://www.wortwerkstatt.at/tmp/mozilla.jpg
Hier einer im Safari (also falsch):
http://www.wortwerkstatt.at/tmp/safari.jpg
Und hier noch die css-angaben, die ich verwende:
Linkes div:
#featured {width: 17%;
margin: 0 1% 15px 0;
float: left;
}
Rechtes div:
#rightage{ width: 17%;
margin: 140px 0 15px 1%;
float: right;
}
mittleres div:
#newest { margin: 10px 0 0 0;
text-align: justify;
background: #fff;
overflow: hidden;
font-size: 13px;
line-height: 130%;
width: 60%;
float: left;
}