|
|||
2 Divs im Container mittig
Ich habe ein Div – Container,
drinnen sind 2 Content Divs nebeneinander, 1. Div = Bild 2. Div =Text Mit display: table-cell; vertical-align: middle erreiche ich im Container das der 1. Content Divs Horizontal mittig sitzt. (oben/unten gleicher Abstand) Aber der 2. Div lässt sich davon nicht beeindrucken, wie erreiche ich es, das beide mittig sitzen? HTML-Code:
<style> DIV.container { border:2px solid #00ff00; width:220px; min-height: 250em; height:210px; display: table-cell; vertical-align: middle } .innen{ background:#ee0000; float:left; } </style> <DIV class='container'> <div class='innen'> <span title='$datum_titel'><center>Sommer</center></span> <img class='im' style=' width:80px; height:100px' src='https://xhtmlforum.de/images/x_buttons/newthread.gif'> </div> <div class='innen' style='margin-left:8px'> Beschreibung... </div> </DIV> Geändert von seerose (20.05.2018 um 23:00 Uhr) |
Sponsored Links |
|
||||
Für sowas nutzt man heute am Besten die flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Ist am Anfang vielleicht etwas ungewohnt aber die Möglichkeiten die man später damit hat sind einfach zu gut. Das gleiche gilt auch für css grid. https://css-tricks.com/snippets/css/...te-guide-grid/ Code:
.container { display: flex; justify-content: center; align-items: center; border: 2px solid #00ff00; width: 220px; height: 220px; } .innen { background: #ee0000; } justify-content: flex-start; nehmen. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Anfängerfrage: Zentrierung in Galerie und Border-Problem | goldbeere | CSS | 3 | 04.11.2013 20:07 |
DIVs wollen nicht in Container | Echnotron | CSS | 4 | 22.02.2012 09:46 |
Fullscreen Container mit internen divs | purewhite | (X)HTML | 1 | 02.11.2009 16:24 |
Divs nebeneinander, aber mittig | RomanM | CSS | 2 | 24.10.2007 07:32 |
Div Container mittig positionieren | donhoolio | CSS | 3 | 05.07.2005 21:41 |