Kennt keiner mein <div> Problem???

**wahsaga** · 28.11.2002, 09:02

Re: Kennt keiner mein <div> Problem???

damit die divs übereinanderliegen können, musst du sie positionieren.
das ist innerhalb einer tabelle natürlich etwas schwierig.

ich würde es mal folgendermassen versuchen, der tabelle gibst du position:relative, und die beiden divs positionierst du dann absolut mit den koordination 0/0.

**goose** · 28.11.2002, 09:29

????

Ich versteh deinen Ansatz leider nicht richtig!! Hier ist ein Bsp. wie ich es versucht habe:

<html>
<head></head>
<body ...>

<table width="100%" height="100%">
<tr><td>Meine Seite</td></tr>
<tr><td>
<div id="navi1" style="display:inline;position: relative; left: 0px; top: 0px; width:100; height:30;"><img src=".." ></div>
<div id="navi2" style="display:inline;position: relative; left: 10px; top: 0px; width:30; height:100;"><img src=".." ></div>
.....
</td></tr>
</table>
</body>
</html>

Ich habe natürlich schon versucht sie zu positionieren, aber sobald ein überlappung der Ebenen stattfindet "stoßen" sich die Ebenen ab, sprich verschieben sich. Vielleicht habe ich mein Problem jetzt etwas genauer beschrieben. Kann ja sein, das dir jetzt etwas dazu einfällt oder ich einfach nur auf dem Schlauch stehen!!

Ciao Goose
"Der dem die Geduld genommen wurde"

**wahsaga** · 28.11.2002, 11:53

Re: ????

Ich habe natürlich schon versucht sie zu positionieren, aber sobald ein überlappung der Ebenen stattfindet "stoßen" sich die Ebenen ab, sprich verschieben sich.

da du mit position:relative arbeitest, ist das ja auch normal.

damit gibst du ja eine position relativ zur normalen position des elementes an.
diese normalen positionen liegen aber schon untereinander, da sich die divs ja nicht von selber überlagern würden.

also musst du sie absolut positionieren.
damit sich diese absolute positionierung aber nicht auf den body bezieht, sondern auf das elternelement, muss dieses auch positioniert werden. da dessen position aber nicht vorgegeben werden soll, sondern sich nach dem nomalen elementfluss richten soll, nimmst du hier position:relative.

ich hab mal ein beispiel gebastelt.

eine tabelle mit gelbem hintergrund.

darin zuerst eine tabellenzeile-/zelle mit deinem text "Meine Seite", so wie in deinem obigen beispiel.

darunter dann eine neue tabellenzeile, deren tabellenzelle jetzt die zwei divs enthält. diese tabellenzelle ist also das elternelement, auf welches sich die absolute positionierung der beiden divs beziehen soll. deshalb bekommt sie die style-definition position:relative;

der erste div bekommt eine rote hintergrundfarbe, der zweite, der darüberliegen soll, einen transparenten hintergrund, damit man leicht sehen kann, ob die überlagerung auch klappt. der zweite div enthält einen text, der dann über dem roten hintergrund des darunterliegenden divs erscheint. ausserdem vergebe ich noch einen z-index, damit die reihenfolge der überlagerung auch stimmt.

(die für die positionierung wesentlichen sachen habe ich mal fett hervorgehoben.)

<html><body>

<table width="100%" height="100%" style="background:yellow;">
<tr><td style="height:100px;">Meine Seite</td></tr>
<tr><td style="position:relative;">
<div style="position:absolute; left:0px; top:0px; background:red; width:100%; height:200px; z-index:0;"> </div>
<div style="position:absolute; left:0px; top:0px; background:transparent; width:100%; height:200px; z-index:1;">dieser text sollte über dem rotem hintergrund des darunterliegenden divs erscheinen</div>
</td></tr>
</table>

</body></html>

**goose** · 28.11.2002, 13:02

Super!!!!

Danke, danke und nochmals Danke!!

Ich wusste nicht dass man position auch auf ein <td> beziehen kann!!
Hab ich in der Ausbildung so leider nicht gelernt. Na ja, was solls jetzt weis ich es ja. Danke wahsaga, scheinst wohl ein Profi deiner Zunft zu sein.

Danke !!

Ciao Goose
"Der dem seine Geduld langsam wieder gegeben wird" - dank wahsaga

**goose** · 28.11.2002, 21:14

Netscape !!!!!!!!!!!!

Nabend!!

Hab gerade auc mal ne Seite gebaut. Das Problem ist nur mal wieder der Netscape 4.x/6.x , bei dem funktioniert das mal wieder nicht!! Kennt einer dort vielleicht ne abhilfe.

Langsam kriege ich das kotzen wegen diesem Browser!!

Goose
"Der der keine Geduld mehr hat"

Kennt keiner mein <div> Problem???