✔ Problem bei float

[PCGamer]

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

#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

 

[djheke]

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

 

[PCGamer]

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.

 

[djheke]

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

 

[PCGamer]

Vielen dank für den Tipp hat mir sehr geholfen