Hallo Gernot,
Dein Container4 ist breiter als der zur Verfügung stehende freie Platz. Das liegt daran, dass du Margin und Padding in Bezug auf das HTML- und das BODY-Element nicht bedacht und bei den Angaben zur Breite der Container und denjenigen zu deren Padding, (Margin) und Border-Width Angaben in Prozent und solche in Pixeln gemisch hast.
Wie viel Prozent der Fensterbreite z.B. drei Pixel einnehmen, das hängt ja ganz von der Breite des Fensters ab, und so kommen dann halt mal leicht mehr als 100% Breite für die Elemente zusammen die du eigentlich gerne nebeneinander hättest. Das Prinzip von Float ist es ja gerade, dass das letzte Element dann nach unten "wegfließt".
vielen Dank für den Tipp, genau das wars. :-)
Hast du noch eine Idee, wie ich den Text "container1", "container2" und "container3" vertikal zentrieren kann, so dass der Text mittig zur Grafik ausgerichtet wird?
http://bannerex.de/designtest/extern.html
Grüße
Bernd