#1 26. September 2015 Zuletzt von einem Moderator bearbeitet: 15. April 2017 Hey Leute! Ich baue grade eine Website auf und meine Idee ist es eine Div Box zu bauen, welche selbst 3 divs beinhaltet. Die obere div soll sich dann mittig an die Seite ausrichten mit einer maximalen Breite von 1400 Pixel. Die 3 <div> darin, sollen nebeneinander erscheinen. Bist grade klappte alles, als ich dann die 3 inneren divs nebenainder floaten ließ, ist der footer kollabiert. Also hab ich diesen "clearfix" gemacht. Jetzt ist der OBERE Div nicht mehr zentral positioniert und es sieht so aus: Hab den Ebenen eine Border gegeben damit ihr versteht, wie ich mir das vorstelle. Hier mein Quelltext dazu: index.html: <body> <header class="main-header"> </header> <div class="wrapper"> <div class="box"> <div class="ring"> <img src="img/ringe/ring1.png" /> </div> <div class="descrip">TEXT</div> </div> <div class="box"> <div class="ring"> <img src="img/ringe/ring1.png" /> </div> <div class="descrip">TEXT</div> </div> <div class="box"> <div class="ring"> <img src="img/ringe/ring1.png" /> </div> <div class="descrip">TEXT</div> </div> </div> <div id="main-footer"> <footer>TEXT</footer></div> </body> style.css: .wrapper{ width: 75%; padding-left: 50px; padding-right: 50px; margin: auto; max-width: 1400px; border: solid 2px blue; display:inline-block; } #main-footer{ padding:60px; border: solid 10px orange; font-size: 0.9em; text-align:center; margin:auto; } .box{ padding: 6% 10%; border:solid 10px green; text-align:center; width:33.3%; margin: 5px auto; float:left; } .group:after{ content: ""; display: table; clear: both; } Es hat wahrscheinlich etwas mit dem inline-block im .wrapper zu tun, wenn ich den wegmache, ist zwar alles mittig, aber der footer kollabiert. Ich hoffe ihr wollt/könnt mir helfen! Danke =) + Multi-Zitat Zitieren
#2 26. September 2015 AW: Problem mit der Positionierung einer <div> Box Flexbox macht das leben einfacher A Pen by Captain Anonymous + Multi-Zitat Zitieren