Gernot Back: Float-Problem

Beitrag lesen

Hallo Bernd,

Mein bisheriges Ergebnis gibt es unter
http://bannerex.de/designtest/extern.html
zu "bewundern".

Zu meinem Problem. Der 4. Container soll direkt neben Container 2+3 stehen. Z. Zt. steht er jedoch unter den beiden Kästen am rechten Rand. Hat jemand eine Idee, wie ich den Container etwas nach oben setzen kann?

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".

Am Ende soll die Seite mal so aussehen:
http://bannerex.de/designtest/mainpage.jpg

Gruß Gernot