Ich habe mit der Suche immer die selbe Antwort gefunden, der umgebende Container muss positioniert sein, relativ oder absolut, dann sollte es kein Problem sein. Das hier sollte dann doch eigentlich funtionieren, oder nicht?

Das Problem dabei ist, das sich die inneren DIVs nur korrekt am äußeren ausrichten, wenn der äußere DIV eine exakte Höhenangabe bekommt. Das kann doch so nicht richtig sein, oder?

Gruß
Olli

Also, bei mir richten sich die absolut positionierten Divs schon so aus ohne Höhenangabe.
Jedes absolute div richtet sich am relativ positionierten "Elterndiv" aus.
Getestet mit Mozilla 1.7
und mit Doctype Html 4.0

Bei dir nicht?
Wie sieht das denn bei dir aus, Screenshotmässig?

Bei mir überlagert sich einfach alles, da ist nichtmal ein Screenshot nötig, es sieht einfach so aus:

123

Und das im IE, FF, NS, Mozilla, und Opera. Sollte doch aber theoretisch so aussehen:

123
123

Hier mal die komplette Datei mit der ich es teste:
Ich habe das Gefühl dass das äußere, relativ positionierte DIV, garnicht auf das innere DIV reagiert, sprich das sich das äußere nicht entsprechend den Inhalten in seiner Größe verändert.

Gruß
Olli

nein. eine ID hat bekanntlich dokumentweit eindeutig zu sein.

Hoppla, da hab ich nicht aufgepasst, stimmt natürlich, da sollten Klassen her, aber das ist nicht die Ursache des Problems, auch mit Klassen passiert das selbe

Gruß
Olli

Hi Olli,

Also bei mir ist natürlich auch das "123" übereinander. Das soll so sein.
Bei mir wars genauer so, daß ich den Divs noch verschiedenfarbige Ränder verpasst habe damit ich seh wo welches ist.
Durch den 1px Rand entstand eine Höhe von 2 px pro relativem div *g*
Dadurch waren die absolut positionierten Divs zwei Pixel gegeneinander verschoben, und es sah aus wie "123" nur wie wenn man besoffen ist.

Ich habs so getestet:

.relativ {position:relative; border: 1px solid black; }
.absolut {position:absolute; top:50px; left: 50px; border:1px solid red; }

Und dann genau wie du das gemacht hast im Html

<div class="relativ">
<div class="absolut">
123</div>
</div>

<div class="relativ">
<div class="absolut">
123</div>
</div>

Und was rauskommt ist, daß die absolut positionierten Divs sich genau 50 px unter dem oberen Rand vom relativen Div in dem sie drin sind, anordnen. Und 50 px von linken Rand entfernt auch.
Wenn jetzt der obere Rand der beiden relativ positionierten Divs an der selben Stelle ist, ist das "123" auch an der selben Stelle.

Bei mir ist der obere Rand des unteren relativen Divs 2 px weiter unten, weil eben 2 mal ein 1px breiter schwarzer Rahmen dazu kommt *g*
Und deswegen ist das zweite absolute div auch 2 Pixel weiter unten, weil es sich am oberen Rand vom zweiten relativen Div orientiert.

*blah*

Hoffe ich hab das richtig verstanden.

Grüsslis

Distel

Ok, mit "das soll so sein" ist meine Frage dann auch schon mehr oder weniger beantwortet. Gefallen tut mir das natürlich ganz und garnicht , gibt es keine Möglichkeit das sich das äußere DIV entsprechend den Inhalten des inneren, absolut positionierten DIVs anpasst?

Gruß
Olli

Hm hm, du willst das Pferd von hinten aufzäumen.

Der äußere Container soll auf die inneren reagieren?
Die inneren Container sind allerdings aus dem normalen Elementefluss, weil absolut positioniert, rausgenommen.
Deshalb keine Reaktion. So geht es also nicht.

Was genau willst Du erreichen?
Ein Beispiel zur Hand?

andir

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte