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
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.
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.
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