zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Automatischer Zeilenumbruch bei verschachtelten Containern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.03.2008, 21:04
Ste Ste ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.03.2008
Beiträge: 6
Ste befindet sich auf einem aufstrebenden Ast
Standard Automatischer Zeilenumbruch bei verschachtelten Containern

Hallo zusammen,

ich habe folgendes Problem: Ich möchte in einem Container #naviWrapper wiederum zwei Container unterbringen. Der eine Container sollte sich im oberen Teil von #naviWrapper befinden (#tabsBar), der andere im unteren Teil (#subMenuBar) - wie bei einer Tabelle in zwei Zeilen. Die Breite des umschließenden Containers #naviWrapper soll dabei dynamisch mit der Breite der beinhalteten Container wachsen.

Somit ist eine fixe Breite des Wrappers nicht möglich. Der untere Container #subMenuBar könnte absolut positioniert werden, doch dann wächst die Breite des #naviWrapper Containers nicht mit der des unteren Containers #subMenuBar.

Momentan habe ich den unteren Container #subMenuBar relativ positioniert und der schließt sich so rechts an dem oberen Container #tabsBar an, anstatt darunter zu erscheinen. Kann ich irgendwie einen Zeilenumbruch nach dem ersten Container erzeugen, dass #subMenuBar darunter angezeigt wird?

Hier ist mein Problem mal visuell dargestellt: Link

Es dreht sich um die 4 Reiter und die 4 Submenu-Links. Hier der zugehörige relevante CSS Code der Container:

Code:
#naviWrapper {
	width:auto;
	height:54px;
	float:left;
}

#subMenuBar {
	position:relative;
	left:8px;
	top:28px;
}
Vielen Dank schonmal für eure Antworten,

Viele Grüße

Ste

Geändert von Ste (16.03.2008 um 21:09 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.03.2008, 22:12
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.837
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Code:
#subMenuBar {
float:left;
clear:left;
}
Achso Element mit "float" brauchen eine Breite, habe sie keine, sind sie nur so breit, wie der Inhalt es nötig hat.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.03.2008, 22:25
Ste Ste ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.03.2008
Beiträge: 6
Ste befindet sich auf einem aufstrebenden Ast
Standard

Ah - clear:left kannte ich noch nicht! Vielen Dank
Mit Zitat antworten
  #4 (permalink)  
Alt 16.03.2008, 22:39
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.837
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Wenn das so ist: Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : CLEAR }
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Automatischer Zeilenumbruch in einer Tabelle Seulaslintan CSS 2 04.12.2009 00:15
Horizontales Menü, Zeilenumbruch verhindern? basti0071 CSS 10 01.12.2008 15:29
automatischer Zeilenumbruch im Echo p0mmeluff Serveradministration und serverseitige Scripte 3 07.07.2008 12:11
Zeilenumbruch durch Codestruktur MANIK (X)HTML 11 23.09.2007 15:37
Problem mit Horizontaler Liste bei Zeilenumbruch captain CSS 5 26.11.2004 11:05


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:41 Uhr.