zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Boxen mit unterschiedlicher Höhe floaten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.09.2010, 20:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.05.2010
Beiträge: 21
just4download befindet sich auf einem aufstrebenden Ast
Standard Boxen mit unterschiedlicher Höhe floaten

Hallo,
ich habe folgendes Problem, wenn ich 4 Boxen jeweils mit gleicher Breite, aber dynamischen Höhen floate und 3 nebeneinander passen, dann erscheint die 4. ab der Höhe der 3., aber in der Mitte (was auch richtig ist). Aber die letzte Box soll bis nach oben geschoben werden... Screenshot ist angehangen.

Hier noch der teil vom CSS:
Code:
.f_left{
	margin:0 2px 2px 0;
	padding:0;
	width:300px;
	float:left;
}
Angehängte Grafiken
Dateityp: jpg Zwischenablage03.jpg (33,1 KB, 12x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.09.2010, 20:38
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Dafür gibt es display: inline-block; - wirklich stabil ist es so: CSS tests and experiments
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.09.2010, 21:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.05.2010
Beiträge: 21
just4download befindet sich auf einem aufstrebenden Ast
Standard

Nein, das mein ich nicht, ich möchte eigentlich, das der 4. Block schon optisch in die Mitte kommt, wenn der rechte und linke Block lang sind, aber er soll halt bis nach oben rutschen...

Zu Inline-Block habe ich mir dort auf der Seite mal die Beispiele angeschaut, dort ist auch nicht beschrieben, was passiert, wenn die Reihe zuende ist und der nächste Container in die Reihe darunter kommt...
Mit Zitat antworten
  #4 (permalink)  
Alt 19.09.2010, 21:28
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Dann wirst Du nicht drumherum kommen, das Ganze 3-spaltig anzulegen. (Bei nur 2 Spalten wäre dies nicht nötig.)
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 19.09.2010, 21:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.05.2010
Beiträge: 21
just4download befindet sich auf einem aufstrebenden Ast
Standard

Das versteh ich jetzt nicht, das ganze ist doch schon 3 spaltig, oder meintest du ich solls nur 2 spaltig machen?
Mit Zitat antworten
  #6 (permalink)  
Alt 19.09.2010, 21:33
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Nein, 3-spaltig heißt 3 divs, die die 3 Spalten darstellen und die ganzen (sichtbaren) kleinen enthalten.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #7 (permalink)  
Alt 19.09.2010, 21:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.05.2010
Beiträge: 21
just4download befindet sich auf einem aufstrebenden Ast
Standard

Mh, aber dann müsste ich ja jedem "kleinen" Div sagen, in welche Spalte er gehört, aber ich will ja, das die dahin floaten, wo am meisten Platz ist, d.h. Wenn jetzt zB die rechte Spalte kürzer ist als die Mitltlere, dann soll ja die 4. ganz nach rechts...
Mit Zitat antworten
  #8 (permalink)  
Alt 19.09.2010, 21:45
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Schon klar, aber solch ein Verhalten bekommt man nur hin, wenn das Resultat 2 Spalten ist. Dann stehen links alle Floats (mit clear: left), und rechts alle Non-Floats (und sowohl Floats als auch Non-Floats rutschen immer hoch, bis an das direkt darüber stehende Element).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
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
dynamische boxen richtig floaten ;-) koalachimp CSS 5 21.05.2009 08:26
2 div boxen mit gleicher Höhe katoc CSS 7 23.07.2008 15:25
Floats mit unterschiedlicher Höhe methodfive CSS 5 28.10.2005 12:19
Wechselnde Höhe zweier Boxen KILLHILL CSS 3 27.06.2005 22:04
Automatische Höhe zweier Boxen | Abschluss auf gleicher Höhe mischa CSS 5 07.02.2005 18:21


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