Positionierung von Elementen

[Thea]

Halli hallo,

ich habe meine Homepage mit divs aufgebaut. Struktur s.u.:

-------------------------------------------------
|        A   position:relative                  |
-------------------------------------------------
-------------------------------------------------
|        B   position:relative                  |
|  -------------------  ----------------------  |
|  |  position:  C   |  |  position:absolute |  |
|  |  relative       |  |         D          |  |
|  -------------------  ----------------------  |
|                                               |
-------------------------------------------------
-------------------------------------------------
|        E   position: relative                 |
-------------------------------------------------

Das Problem liegt darin, dass das absolut ausgerichtete Elemet (D) meistens länger ist als das links daneben (C), das reltiv ausgerichtet ist. In diesem Fall muss ich eine Höhe für das übergeordnete Element angeben (B) (relativ ausgerichtet), da ansonsten, das Element, das unterhalb liegt (E), das Elemet B überschneidet. Hat jemand da eine Idee, wie ich das umgehen kann? Das Element B als height="100%" zu definieren, bringt überhaupt nichts.

Danke für jegliche Hilfe!
Thea

[Ingo Turski]

Hi,

gibt es einen Grund, daß Du Positionierung verwendest anstatt von float und margin? Damit hättest Du das Problem nicht.

freundliche Grüße
Ingo

[Struppi]

---

A   position:relative

---

|        B   position:relative                  |
|  -------------------  ----------------------  |
|  |  position:  C   |  |  position:absolute |  |
|  |  relative       |  |         D          |  |
|  -------------------  ----------------------  |

---

E   position: relative

Ich seh hier keinen Grund irgendwas zu positionieren.

Struppi.

[MudGuard]

Hi,

---

A   position:relative

---

|        B   position:relative                  |
|  -------------------  ----------------------  |
|  |  position:  C   |  |  position:absolute |  |
|  |  relative       |  |         D          |  |
|  -------------------  ----------------------  |

---

E   position: relative

A braucht nicht positioniert werden.
B? Braucht es das überhaupt? Falls ja - nicht positionert *)
C float:left - also auch keine Positionierung
D float:left (oder margin-left) - keine Positionierung
E falls B nicht existiert, nur clear, keine Positionierung - falls B existiert, keine Positionierung und auch kein clear

Falls es B tatsächlich braucht, bräuchtest Du noch ein Element nach D, das clear setzt, um B auf die benötigte Größe zu bringen.

cu,
Andreas