CSS z-index

[Crazymind]

Hallo Zusammen

Bin gerade an einem neuen Projekt dran.
Nun habe ich ein Problem.
Ich denke ich weiss an was es liegt, aber weiss nicht ob man das überhaupt beheben kann.

und zwar stelle ich mal das ganze in einfacher form dar:
Zusagen ist. das das IMG grösser wird als das div selber. Also somit das Div überlappen soll.
CODE
<div z-index:2>
<img z-index:3>
</div>
<div z-index:1>
<img z-index:3>
</div>



Im Firefox stellt er mir das "richtig" dar. Das bild geht über das Div hinaus und geht über das andere DiV.
Im IE bleibt das IMG im Div drin und macht das Div grösser.

Ich nehem an das IE den übergeordnete Z-index übernimmt und der Firefox nicht.
Ist es möglich das irgendwie zu übergehen?

 

[DZVO]

versuche mal position:relative; auf das img
und auf das div kannst du noch sowas wie display:inline; z.b: anwenden.

 

[Joel]

CODE
<div z-index:2>
 <img z-index:3>
</div>
<div z-index:1>
 <img z-index:3>
</div>


Hast du nicht style="" vergessen?

Vielleicht postest du mal den ganzen Code...?

Hast du das width und height-Attribut auf dem DIV gesetzt?

 

[Crazymind]

@joel

Hehe.. keine angst! So ein anfänger bin ich nicht dass ich diesen Code welche ich gepostet habe mein quellcode ist.
Habe es einfacht theoretisch gemeint...
Weil mich intressiert ob es möglich ist, den z-index nicht "zuvererben".

anderes beispiel ist:
wenn ich einem Div eine width gebe und das bild welches in diesem Div grösser ist, schiebt sich das bild im Firefox über das Div hinaus. Im IE hingegen, zert das bild das DIV auseinander.

Denn Code zuposten wäre unnötig.. da es sehr kompliziert mit classen etc. aufgebaut ist. Es geht mit eigentlich mehr um die Theorie, wie der IE, bzw Firefox dies behandlet.(für lösungen natürlich auch zu haben)

@DZVO: das div ist schon auf relative gesetzt.


Grüsse, crazy

 

[Joel]

http://de.selfhtml.org/css/eigenschaften/a...ge/overflow.htm << Aber in diesem Beispiel wird es auch im Internet-Explorer richtig dargestellt. d.H. Ein Bild in einem kleineren Div geht über das Div hinaus.

Was hast du denn anders als im untersten Beispiel?

Und die zweite Frage wäre, warum du auf dem Bild überhaupt einen z-index setzen willst. Das Bild ist ja sowieso über dem DIV...

 

[Crazymind]

Overflow:
Bemerkung: Bei visible vergrößert der IE das übergeordnete Element, bis der Inhalt passt. <-- Und genau dass will ich eben vermeiden.
Gibt es da eine Lösung?

Zu deiner 2ten Frage:
Es war nur eine Idee. Aber anscheinenklappt es ja nicht. Weill es ja eben in einem Div ist und es halt dann automatisch den Z-index des Divs annimmt. Was ja eigentlich auch logisch ist.

Auf diesen Bilder kommt eben noch eine Navi per MouseOver. Deswegen muss ich mit z-index arbeiten.

 

[Joel]

Ich habe IE7, der Fehler befindet sich anscheinend nur in <= IE 6.

Probier mal das:
CODE
<div z-index:2>
<img position:realtive>
</div>
<div z-index:1>
<img position:realtive>
</div>



oder


CODE
<div z-index:2 position:realtive>
<img position:absolute; top:0px; left:0px;>
</div>
<div z-index:1 position:realtive>
<img position:absolute; top:0px; left:0px;>
</div>



oder

den doctype so anpassen, dass es nicht mehr im quirks-mode rendert...

 

[Crazymind]

http://www.css4you.de/overflow.html
Ja deine Vermutung ist richtig.. Unter IE 7 funktionierts nicht.

Ich habe es hinbekommen.
Habe die img position auf absolute gesetzt und musste noch einen important hack hinzufügen.
Nun funktionierts.

Die ewigen IE/Firefox probleme regen mich einfach auf.

Naja, zum glück habe ich ja dich joel
Danke nochmal

Grüsse, Ts.