Erst einmal kann die Reihenfolge der Elemente in die logische Reihenfolge gebracht werden:
Code:
<div id="all">
<div id="Logo1"></div>
<div id="Logo2"></div>
<div id="sidebar">
<div id="navigation"></div>
</div>
<div id="inhalt"></div>
<div id="Bilderleiste"></div>
</div>
CSS dafür:
Code:
#Logo1{float:left;}
#Logo2{float:right}
/*sidebar fängt eine neue Zeile an, deshalb floats clearen*/
#sidebar{clear:both;float:left;width:20%}
#inhalt{float:left;width:60%}
#Bilderleiste{float:left;width:25%}
/*Die 3 Elemente haben jetzt keine 100% in der Summe, das soll nur zeigen, wie es prinzipiell funktioniert. Die Zahlen müssen natürlich angepasst werden.*/