Relative Position ohne Raumeinnahme

Hallo!

Ich habe 4 <div>-Elemente, die ich gerne relativ zu einer Tabellenzelle
positionieren möchte.

Setze ich position:relativ, so wird die Zelle jedoch auf die Größe der 4
Elemente aufgebläht, was ich nicht möchte. Auch ein overflow:hidden half
da nichts.

Setze ich position:absolut, so werden die Elemente relativ zum body
gestezt, und nicht - wie gewünscht - relativ zur Tabellenzelle.

Hilfe!

Martin

Martin Schneider wrote:

Ich habe 4 <div>-Elemente, die ich gerne relativ zu einer Tabellenzelle
positionieren möchte.

Setze ich position:absolut, so werden die Elemente relativ zum body
gestezt, und nicht - wie gewünscht - relativ zur Tabellenzelle.

Eventuell hilft
<style type="text/css">
td.container {
position: relative;
}
td.container div {
position: absolute;
}
</style>

<td class="container">
<div>...</div>
</td>
aber frag halt in einer Gruppe ueber CSS.

--

Martin Honnen
http://JavaScript.FAQTs.com/

Martin Schneider <cangoou (AT) yahoo (DOT) de> typed:

Ich habe 4 <div>-Elemente, die ich gerne relativ zu einer
Tabellenzelle positionieren möchte.

Setze ich position:relativ, so wird die Zelle jedoch auf die Größe
der 4 Elemente aufgebläht, was ich nicht möchte. Auch ein
overflow:hidden half da nichts.

Setze ich position:absolut, so werden die Elemente relativ zum body
gestezt, und nicht - wie gewünscht - relativ zur Tabellenzelle.

Du hast ein CSS-, kein JavaScript-Problem.

In dciwam wird man Dir helfen können, daher XPost & F'up dorthin.

ciao, dhgm