4 divs nebeneinander anordnen
Hallo, ich habe 4 divs, die in einem großen div direkt nebeneinander liegen sollen.
ich hab erstmal ohne stylesheet angefangen:D
http://finnzentgraf.fi.funpic.de/Untitled-1.html
warum leigen die alle untereinander, und sogar außerhalb des großen divs?
3 Antworten
![](https://images.gutefrage.net/media/user/Equinoxe/1444745877_nmmslarge.jpg?v=1444745877000)
Dass alle Elemente untereinander dargestellt werden, ist der ganz normale Elementfluß bei CSS. Wenn du eine andere Darstellung möchtest, musst du die entsprechenden Elemente aus dem Elementfluß herausnehmen - in deinem Fall mit einem float:left und nach dem letzten Float muss ein clear:left bzw. clear:all stehen.
![](https://images.gutefrage.net/media/default/user/10_nmmslarge.png?v=1551279448000)
Ich vermute, Du suchst so etwas hier?
<div id='wrapper'>
<div style='position:relative; float:left; height:20px; width:80px;border:1px solid #000;'>Link Nr.1</div>
<div style='position:relative; float:left; height:20px; width:80px;border:1px solid #000;'>Link Nr.2</div>
<div style='position:relative; float:left; height:20px; width:80px;border:1px solid #000;'>Link Nr.3</div>
</div>
<div style='clear:left;'></div>
Als Headerbild meint smokezig wahrscheinlich das große schwarze Element mit dem gelben Schriftzug, dass Du auf Deiner Seite hast.
![](https://images.gutefrage.net/media/default/user/12_nmmslarge.png?v=1551279448000)
Hi wenn du dir einmal folgende Seite anschaust wirst du es alleine schaffen und verstehen warum die Div Elemente so angeordnet sind, mir hat das Tutorial auch geholfen auf Webn3t.net : Div Elemente nebeneinander positionieren/anordnen