[primu.s]

Hallo zusammen,

habe ein Problem mit dem Umbruch eines <div>-Containers.

Schaut euch bitte mal folgende Seite an:
CSS-div-Umbruch

Sobald das Browser-Fenster so schmal ist, dass die Box mit dem "überbreiten" Video nicht mehr rein passt, wird die Box einfach unterhalb der vertikalen Navigation angezeigt.

Die Videobox soll aber bei schmalen Browser-Fenstern einfach rechts abgeschnitten werden.
Die Box hat folgende CSS-Attribute:

[elchivato]

Hallo,

deine Video-Box hat auch folgende CSS Eigenschaften:

#content_video{
margin-left:20px;
float:left;
}

Schuld an deiner Misere ist die Float-Eigenschaft von diesem Container. Entferne das float:left; und gib der Video-Box einen margin-left von der Breite der Navigation+20px, also 195px.

margin-top sollte in dieser Variante 0px betragen und die Position beider Boxen lieber mit

position:relative;
top:20px;

festgelegt werden.

BG
elchivato

[primu.s]

@elchivato:

Danke für die Antwort. Leider funktioniert das noch nicht ganz.

Wenn ich das content-div auf position: relative setze, wird dieses zwar horizontal an der richtigen Position angezeigt, sitzt aber vertikal immer noch unter dem navigation-div.

Es gibt noch ein weiteres div, wleches bei Bedarf rechts von dem content-div angezeigt werden soll. Das sitzt mit relative ebenfalls unterhalb des vorhergehenden divs.

Hier wird das Problem deutlich (Seite bitte nach unten scrollen!):
CSS div-trouble

Any idea?

[2LL]

Belese Dich mal hier: CSS Intensivstation

[primu.s]

Aaah, kurzer Aufenthalt auf der Intensivstation hat geholfen. Danke!