|
|||
Drei DIVs mittig anordnen
Hi Leute,
ich habe ein seltsames Problem, dessen Lösung ich nicht erkennen kann. Ich möchte drei DIVs innerhalb eines großen DIVs mittig zentrieren. Das mache ich per text-align:center im Parent-DIV (likey) und display:inline-block (und float:left) in den drei zu zentrierenden DIVs (fble, twle, gole). Seltsamerweise machen der zweite und dritte DIV mit, aber der erste weigert sich. :\ CSS: Code:
#likey {margin: 0 auto; max-width: 58.75rem; width: 100%; min-width: 20rem; text-align: center;} #fble {margin: 0 0.5rem; padding: 0; background: url("fblike.png") no-repeat top left; float: left; display: inline-block;} #fble iframe {display: block; margin: 0; padding: 0; opacity: 0;} #twle {margin: 0 0.5rem; padding; 0; display: inline-block;} #gole {margin: 0 0.5rem; padding; 0; display: inline-block;} Weiß jemand Rat? Geändert von vega (18.11.2014 um 17:44 Uhr) |
Sponsored Links |
Sponsored Links |
|
|||
Ach, Shit, du hast Recht, danke. Ohne Float geht es nun. Ich ging davon aus, dass ich das Floating für die vertikale Anordnung benötige.
|
|
||||
Für vertikale Anordnung brauchst Du „vertical-align“ angewendet auf „inline“- oder „inline-block“-Elementen (wie bei Dir). Voraussetzung ist auch, dass die Elementen nicht gleich hoch sind oder / und das umgebende Element höher ist.
Ansonsten mit Außen-, Innenabständen oder / und Positionierung. |
|
|||
Zitat:
Vertikales Anordnen ist ja die herkömmliche Abfolge in HTML/CSS. |
|
||||
Zitat:
Aber ein CSS-Buch könntest Du gut gebrauchen. Zumindest das kostenlose Online-Buch hier: Little Boxes Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller) . |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Unbekannte Anzahl Divs in Liste anordnen und horizontal und vertikal zentrieren | Alien | CSS | 17 | 20.03.2011 11:23 |
mehrere Bilder innerhalb eines divs horizontal mittig platzieren | a-i-r | CSS | 2 | 09.12.2009 15:24 |
Divs horizontal anordnen, mit <li>, float? | funky^mariechen | CSS | 12 | 29.08.2008 03:08 |
Divs nebeneinander, aber mittig | RomanM | CSS | 2 | 24.10.2007 07:32 |
In einem div, 2 divs mittig ausrichten | heohni | CSS | 1 | 20.07.2007 15:51 |