zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden float Problem? Div "wächst" nicht mit inhalt mit.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.04.2011, 15:53
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.02.2011
Beiträge: 35
Garlandt befindet sich auf einem aufstrebenden Ast
Standard float Problem? Div "wächst" nicht mit inhalt mit.

Hallo Leute,

Ich habe ein Problem mit einem div und ich komme einfach auf keine Lösung. Ich bin sicher, dass es sich im Grunde um kein großes Problem handelt aber ich weiß im Moment nicht mehr weiter.

Ich möchte das ein div "mitwächst" wenn der inhalt größer wird.

Es handelt sich um folgenden Code

Code:
<div>
  <h1>Überschrift</h1>
  
  <ul>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
  </ul>


  <ul>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
  </ul>


  <ul>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
    <li>Listeneintrag</li>
  </ul>
</div>
Ich möchte nun, das die 3 ul-Listen nebeneinander stehen, also gebe ich ihnen die Eigenschaft float: left;. Wenn ich dies tue, dann "schrumpt" das div, in dem sich die Listen befinden, auf die höhe der Überschrift.

Ein versuch mit display: inline-block; führt leider dazu, dass sich die Listen an der unteren Kante, der höchsten Liste ausrichten.

Wie ist es möglich die Listen nebeneinander auszurichten und das div mit dem Inhalt, also den Listen "mitwachsen" zu lassen.


Edit:

Oh man...gerade ist mir eine Lösung eingefallen....

Dem div habe ich nun selber float:left gegeben und die breite entsprechend meines Layouts definiert. Auf diese Art "wächst" das div wie gewünscht mit.

Gruß

Garlandt

Geändert von Garlandt (11.04.2011 um 15:58 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.04.2011, 16:00
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

Link zum Problem??

Ein div kann nur dynamisch in der Höhe wachsen, wenn es keine Höhe zugeteilt bekommt.
Für gleichlange Spalten gibt es Faux Columns (CSS-FAQ Punkt 1).
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.04.2011, 16:02
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 30.07.2003
Beiträge: 179
Karlo wird schon bald berühmt werden
Standard

Hi,

wenn die Listen floaten, dann musst du danach auch clearen.
Oder du benutzt Easyclearing, schau einfach mal in die FAQ von CSS-Forum.
__________________
Gruss Karlo
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
HTML div inhalt ändern problem gabbasnake (X)HTML 11 02.06.2011 12:43
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18
div überlappen, Layout aufbau Problem! Basti82 CSS 2 08.09.2008 11:56
IE zeigt gewisse Texte nicht an zitronenbaum CSS 2 16.01.2008 16:25


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:26 Uhr.