|
|||
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; } |
Sponsored Links |
|
||||
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.) |
Sponsored Links |
|
|||
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... |
|
||||
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.) |
|
|||
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...
|
|
||||
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.) |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |