mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 05.12.2016 09:36 Benutzername: Passwort: Auto-Login

Thema: [CSS] Problem mit dem Umbruch eines Containers vom 01.12.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Problem mit dem Umbruch eines Containers
Autor Nachricht
primu.s
Threadersteller

Dabei seit: 25.07.2005
Ort: Stuttgart
Alter: -
Geschlecht: Männlich
Verfasst Fr 01.12.2006 23:53
Titel

[CSS] Problem mit dem Umbruch eines Containers

Antworten mit Zitat Zum Seitenanfang

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:
Code:
#content_video {
   width:841px;
   max-width:841px;
   }

Was mache ich falsch?

Danke schonmal!
  View user's profile Private Nachricht senden
elchivato

Dabei seit: 03.05.2004
Ort: Mal hier, mal da.
Alter: 41
Geschlecht: Männlich
Verfasst Sa 02.12.2006 00:29
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo,

deine Video-Box hat auch folgende CSS Eigenschaften:

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

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
primu.s
Threadersteller

Dabei seit: 25.07.2005
Ort: Stuttgart
Alter: -
Geschlecht: Männlich
Verfasst Sa 02.12.2006 17:48
Titel

Antworten mit Zitat Zum Seitenanfang

@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?
  View user's profile Private Nachricht senden
2LL

Dabei seit: 21.11.2006
Ort: Erdgeschoss rechts
Alter: 42
Geschlecht: Männlich
Verfasst Sa 02.12.2006 19:56
Titel

Antworten mit Zitat Zum Seitenanfang

Belese Dich mal hier: CSS Intensivstation Guck links!
  View user's profile Private Nachricht senden
primu.s
Threadersteller

Dabei seit: 25.07.2005
Ort: Stuttgart
Alter: -
Geschlecht: Männlich
Verfasst Sa 02.12.2006 20:37
Titel

Antworten mit Zitat Zum Seitenanfang

Aaah, kurzer Aufenthalt auf der Intensivstation hat geholfen. Danke!
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS - html] unerwünschter Umbruch.
CSS Frage automatischen Umbruch einrücken, möglich?
CSS: display-inline und float-left - trotzdem Umbruch danach
InDesign - Weicher Umbruch, Harter Umbruch
Inhalt eines DIV Containers positionieren
[CSS] Kleines CSS-Problem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.