Hallo ihr,

ich hab ein großes Problem mit zwei Divs und float:left
Also neben meiner Navigation (links) soll der Inhalt folgen. Doch wenn ich in der CSS bei #left flot:left eingebe, wird dann mein content- div von mein left- div überlappt

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

#left {     background-color: #efefef;     width: 158px;     text-align: right;     padding-right: 35px;     float: left;     padding-top: 43px;     height: 500px; } #conntent {     padding-right: 27px;     padding-left: 25px;     padding-top: 43px;     height: 500px;     background-color: #FFF;     width: 745px; }

Wegen den Problem seht man das padding-left nicht und der Content wird an die Navigation drangeklebt...

Um diesen Problem zu lösen hab ich in #content dispay:inline-block gesetzt, damit das #left nicht mehr #content überlappt.

Meine frage, warum ist das so und gibt es eine andere Lösung?

Ich hoffe auf eure Unterstützung.

PCGamer

Dein #content brauch natürlich auch ein float:left

Vielen dank für die Hilfe. Doch wenn ich #content float:left gebe, verschwindet mein nachfolgender footer

Hab mal zwei Bilder gemacht, wie es mit inline-block und wenn #content und footer auf float left stehr gemacht.

inline-block (footer ist richtig positioniert)

Float-left (footer ist abgeschnieden)

Bei float musste ich content und footer auf left setzen, da wenn content nur left wäre der footer weg ist.

Kein Problem. Dein #footer gibst du clear:both und alles ist chic.

Vielen dank für den Tipp hat mir sehr geholfen