Problem beim Positionieren

[reDD]

Hallo,
wie bekomme ich es hin, dass wenn ich zwei Navigationen untereinander mache und dann rechtes daneben noch ein Content Bereich möchte, dieser nicht unter den beiden Navigationen anfängt sondern in der gleichen Höhe wie Navigation Eins.
Ich mache meistens alles mit float, soll ich da irgendeine position Funktion verwenden um den Content Bereich genauso hoch zu bekommen. wie auf Höhe der ersten navigation.

 

[Maxi]

Ich habs bei sowas immer so gemacht, den Navis float: left; zugewiesen und dem Inhaltsbereich ein float: right;. Sonst nichts.

Hier ein Beispiel aus einer älteren Webseite:

div#navi {
float: left;
margin-left: 20px;
margin-top: 20px;
width: 190px;
height: auto;
}

div#content {
float: right;
margin-left: 30px;
margin-top: 20px;
margin-right: 20px;
width: 640px;
height: auto;
}

Hast du schon was online? Evtl. könnten wirs uns ja mal anschauen...

 

[reDD]

Ne ist noch nichts Online.
Wird das float:right dann auch soweit wie es geht unter den Header angezeigt, sprich neben der ersten Navi?

 

[Maxi]

Ne ist noch nichts Online.
Wird das float:right dann auch soweit wie es geht unter den Header angezeigt, sprich neben der ersten Navi?

also in meinem Beispiel waren Navi und Inhaltsbereich gleich weit von header entfernt. Drum die margin-top-Werte bei den beiden Divs, die sollen das Regeln, dass die Abstände gleich bleiben.

 

[reDD]

aber die abstände sind dann immer soweit, die sollen in meinem Beispiel immer direkt nebeneinander.

 

[Maxi]

aber die abstände sind dann immer soweit, die sollen in meinem Beispiel immer direkt nebeneinander.

Meinst du, dass Navigationsbereich und Inhaltsbereich ohne Lücke gleich nebeneinander sein sollen?
Wenn du das meinst, dann lass einfach margin-left und right weg oder setz die auf 0px.

 

[reDD]

Okay, nun noch eine Frage.
Bei einem Zeilen Umbruch kann ich da clear:both machen und dann im selben element wieder float:left verwenden?

Hi, ich bins nochmal.
Wie bekomme ich das hin, wenn die Boxen in gleicher Höhe anfangen aber in unterschiedlicher Höhe aufhören und dann immer wieder direkt unter einem element anfangen, wie z.B bei SmsOli - Free SMS, gratis SMS Sprüche absolut kostenlos

Kann mir jemand mal sagen wie man die divs so versetzt und untereinander hinbekommt?

 

[matibaski]

Setz doch die gefloateten oben in ein Div und dann die unteren nochmals in ein Div.
So musst du nichts clearen.
Aber kannsts ja mal so versuchen:

<div style="clear:both; float:left;"></div>

Obs geht kann ich nicht sagen, da ichs noch nie ausprobiert hatte. Aber ich würde zuerst clearen und dann floaten.


Mfg, matibaski

 

[reDD]

Und wie bekomme ich das wie bei smsoli hin?

Kann man nicht 3 Bereiche innerhalb eines Divs machen, und dann in diesem noch 3 Bereich untereinander ohne float?

 

[Maxi]

Und wie bekomme ich das wie bei smsoli hin?

Kann man nicht 3 Bereiche innerhalb eines Divs machen, und dann in diesem noch 3 Bereich untereinander ohne float?

Es wird ein float verwendet bei diesen drei bereichen. Ich spreche jetzt nur von den drei Navigationsboxen untereinander. In der CSS-Datei dieser Seite ist eine Klasse für einen Div festgelegt, die existiert halt eben dreimal untereinander.

.navibox {
	float: left;
	width: 140px;
	border: 1px solid #96A9C9;
	background-color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 3px;
}

Dieser Code wird dafür verwendet, er soll dir einfach mal als Lernbeispiel gelten.

 

[reDD]

Dann ist aber linksbündig, wenn ich float weglasse, kommt alles automatisch untereinander!