zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Zwei <div> nebeneinander. Wie umschließendes <div> ausdehnen, wenn 2. <div> fehlt?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.03.2013, 22:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.03.2013
Beiträge: 2
Mango befindet sich auf einem aufstrebenden Ast
Standard Zwei <div> nebeneinander. Wie umschließendes <div> ausdehnen, wenn 2. <div> fehlt?

Ich bitte um Verzeihung für den wirren Titel:

Ich habe zwei <div> in einem <div id="container">, welches sich (aufgrund seiner Hintergrundfarbe) auf 100% Breite und die Höhe von <div id="inhalt1"> ausdehnen soll.
Um die beiden <div> nebeneinander sein zu lassen, habe ich für <div id="inhalt1> "float: left" gesetzt.
Leider ist <div id="inhalt2"> nicht immer vorhanden. Dies führt dann u.a. dazu, dass sich <div id="container"> aufgrund des "float: left" von <div id="inhalt1> nicht mehr ausdehnt, wie es soll.
Gibt es hierfür eine CSS-Lösung?

Code:
<div id="container" style="background-color: red">
    <div id="inhalt1" style="float: left">LEFT</div>
    <div id="inhalt2" style="text-align: right">RIGHT</div>
</div>

Geändert von Mango (10.03.2013 um 23:03 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.03.2013, 23:24
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Z.B mit Easy-Clearing für #container.
css FAQ 1) und 2)
__________________
MfG
Jens
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.03.2013, 00:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.03.2013
Beiträge: 2
Mango befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für die Antwort.
Ich füge also einfach ein weiteres <div style="clear: both"> in das umschließende (#container) ein.
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
<div> layer nebeneinander anordnen ohne "float" derThorben CSS 3 02.10.2007 09:09
Zwei <div> nebeneinander Lili0312 CSS 4 28.07.2006 00:30
<div> nicht auf volle Breite ausdehnen timo123 CSS 10 29.04.2005 00:45
3 <div> nebeneinander... timo123 CSS 21 12.01.2005 19:13
<div> - Kontainer nebeneinander Stibie CSS 2 03.06.2004 23:45


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:39 Uhr.