zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Verschieden grosse Divs floaten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.11.2011, 16:34
Junior Frontend Engineer
neuer user
Thread-Ersteller
 
Registriert seit: 30.09.2011
Ort: Herisau
Beiträge: 17
frontend-guru befindet sich auf einem aufstrebenden Ast
Standard Verschieden grosse Divs floaten

Hallo zusammen

Ich bin gerade dabei ein neues Blog zu gestalten. Mir stellt sich jetzt die Frage ob es eine möglichkeit gibt Divs so zu floaten, das sie immer Platzfüllend sind?

http://bloggingfor.bl.funpic.de/lol.html

Hier sollte also der div 5 und 7 unterhalb von 2 und 3 sein.

Oder gibt es eine andere Möglichkeit mit jQuery das ganze zu machen?

Danke schonmal für Antworten.

Gruss
frontend-guru
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.12.2011, 10:39
Neuer Benutzer
neuer user
 
Registriert seit: 29.10.2011
Beiträge: 24
StefanK befindet sich auf einem aufstrebenden Ast
Standard

Ich würde für die 3 Spalten 3 Div erstellen und dann den Inhalt mit deinen Divs machen. Das müsste klappen.

Zitat:
<div id='wrapper'>
<div id='col1'>
<div class="big">1</div>
<div class="big">6</div>
</div>
<div id='col2'>
<div class="small">2</div>
<div class="small">3</div>
<div class="small">5</div>
<div class="small">7</div>
<div class="small">8</div>
<div class="small">10</div>
</div>
<div id='col3'>
<div class="big">4</div>
<div class="big">9</div>
</div>
</div>
Zitat:
#wrapper{width:610px; }
#col1{float:left; width:150px;}
#col2{float:left; width:304px; margin: 0 3px 0 3px;}
#col3{float:left; width: 150px;}
Resultat:

Geändert von StefanK (01.12.2011 um 10:56 Uhr)
Mit Zitat antworten
Sponsored Links
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
BOX Layout verschieden große DIV's seric CSS 2 30.09.2011 12:58
Mal weider 2 Divs floaten Heavenfighter CSS 2 28.05.2010 17:17
floaten von divs ohne breite dany CSS 18 27.03.2008 12:34
divs floaten problem.. Holger (HMR) CSS 2 04.02.2005 18:33
Zwei Divs nebeneinander Floaten, einer mit fester Breite Phil CSS 0 20.07.2004 20:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:04 Uhr.