Positionieren von Boxen / Inhalt in einer Box
 

Hallo nach 7 Jahren Tabellen und html habe ich mich nun CSS zugewendet.
Leider bin ich nach 3-4 Stunden studium der Bücher und Foren noch nicht schlauer geworden ob die positionierung meiner 3 Fotos so richtig ist oder nicht. Ich möchte gern diese 3 Fotos in einer Box positionieren.
CSS
}
#main {
margin: 0 auto;
width: 1000px;
height: 556px;
background: transparent url(test_02.jpg);
}
#foto-hoch {
position: relative;
top: 50px;
left: 30px;
width: 327px;
height: 491px;
border:1pt solid #FFFFFF;
}
#foto-breit1 {
position: relative;
top: -442px;
left: 367px;
width: 258px;
height: 172px;
border:1pt solid #FFFFFF;
}
#foto-breit2 {
position: relative;
top: -432px;
left: 367px;
width: 258px;
height: 172px;
border:1pt solid #FFFFFF;
}
HTML

<div id="main">
<div id="foto-hoch"><we:field type="img" name="hoch"/></div>
<div id="foto-breit1"><we:field type="img" name="breit-1"/></div>
<div id="foto-breit2"><we:field type="img" name="breit-2"/></div>
</div>
So sieht es dann aus
http://www.giantfem.com/index1.php
Aber ich denke das die positionierung mit -450px nicht so optimal ist oder doch ?
Kann man innerhalb einer Box auch absolut positionieren?

Danke für Eure Hilfe
Steffen

Mann kann auch in einer Box absolut positionieren, wenn das Eltern-Element relativ positioniert ist.

Wie geht das? Kannst Du mir einen Tip geben ?

Eigentlich hatte ich das doch schon so geschrieben.

<div style="position: relative">
<div style="position: absolute; top: 10px; left: 0"></div>
</div>