Hallo zusammen.
Ich möchte zwei DIVs (D1 und D2) verschiedentlich nebeneinander ausrichten. D2 ist dabei unsichtbar und wird durch MouseOver sichtbar. Beide DIVs sind in einem dritten DIV (D3) enthalten. D2 soll jeweils bündig an D1 liegen - Ecke an Ecke.
Möglich soll also sein:
- D2's obere, linke Ecke an D1's unterer, linken Ecke
- D2's obere, rechte Ecke an D1's unterer, rechten Ecke
- D2's untere, linke Ecke an D1's unterer, rechten Ecke
- D2's untere, rechte Ecke an D1's unterer, linken Ecke
- usw.
Es ergeben sich also 8 Positionen. Ich hab es schon mit float und clear versucht, was aber nicht geklappt hat. Je nachdem was ich versucht habe verrückte der Seiteninhalt beim sichtbar werden von D2 oder D2 erschien irgendwo relativ zur Seite.
Hier noch die bisherigen Parameter der DIVs:
D3: nichts
D1: clear:left;
D2: position:absolute; display:none; z-index:X; (
Es soll mehrere dieser DIV-Kombinationen geben, weshalb ich hier mit z-index arbeite, damit sich die erscheinenden DIVs überlagern können.
Ich bin dankbar für jede Hilfe!