✔ DIV relativ zum "center" positionieren - wie?

[Hektik]

Hallo!

Mal angenommen, ich habe einen weißen DIV, 300x300px groß, 20px von oben zentriert auf einer Webseite. Wie bekomme ich jetzt einen 100x100px großen, schwarzen DIV genau in die obere rechte Ecke?
Absolut positionieren ist da ja nicht, oder?

Warum ich das frage: Ich hab eine Auflösung von 1024x768. Wenn ich meine zukünftige Webseite nun aber mit größerer Auflösung besuche, möchte ich den weißen DIV ja immer noch zentriert haben und den schwarzen DIV immer noch in dessen oberer rechter Ecke. Absolut positioniert geht das aber nicht...

Gegooglet hab ich schon, aber wenn ich ehrlich bin, ich weiß gar nicht wonach ich eigentlich googlen müsste...

Warum ich das frage: ich möchte eine Navigation per css in eine "zentral" im Browser liegende Webseite integrieren.

 

[Gumbo]

Positioniere das weiße div-Element mal relativ und das schwarze absolut:

<div style="position:relative"><div style="position:absolute; top:0; right:0">…</div></div>

 

[Maik]

Alternativer Lösungsvorschlag ohne Positionsangaben:

div.whiteBox {
margin: 20px auto;
width: 300px;
height: 300px;
border: 1px solid #000;
}

div.blackBox {
float: right;
margin: 0;
width: 100px;
height: 100px;
background: #000;
}

<div class="whiteBox">
     <div class="blackBox"></div>
</div>

 

[Hektik]

verschachteln ist da das Schlüsselwort Aha! Da hätt ich Trulla ja auch selbst draufkommen können *lach*

Danke an euch beide