nicht angemeldet
absolut immrt im vordergrund?
0 0 0
absolut immrt im vordergrund?
Hallo,
ich habe ein mit absolut positioniertes div "a", das vor anderen elementen im quelltext steht.
"a" überdeckt die vorher definierten Elemente. - Warum
Wenn ich dem "a" einen z-index:-1 verpasse,
klappt das im IE7, im FF erscheint "a" dann gar nicht mehr?
Gibt´s da ne Lösung?
-
Moin Moin!
ich habe ein mit absolut positioniertes div "a", das vor anderen elementen im quelltext steht.
Valides (X)HTML? Valides CSS?
Wenn ich dem "a" einen z-index:-1 verpasse,
klappt das im IE7,Vermutlich ein signed/unsigned-Problem.
im FF erscheint "a" dann gar nicht mehr?
Logisch. -1 ist hinter allen Elementen mit einem z-Index von 0 oder mehr.
Gibt´s da ne Lösung?
z-index sehr groß machen.
Alexander
--
Today I will gladly share my knowledge and experience, for there are no sweeter words than "I told you so".-
Moin Moin!
ich habe ein mit absolut positioniertes div "a", das vor anderen elementen im quelltext steht.
Valides (X)HTML? Valides CSS?
beide validieren
Wenn ich dem "a" einen z-index:-1 verpasse,
klappt das im IE7,Vermutlich ein signed/unsigned-Problem.
wie löst man das?
Warum wird denn (ohne den z-index) das absolut positioniertes div "a" über den im quelltext danach definierten angezeigt.
-
Moin Moin!
Wenn ich dem "a" einen z-index:-1 verpasse,
klappt das im IE7,Vermutlich ein signed/unsigned-Problem.
wie löst man das?
Quelltext des IE editieren, neu compilieren.
Oops, da war doch was: Richtig, IE ist keine Open Source Software. Schade, dann kannst Du nichts machen. Leb damit.
Alexander
--
Today I will gladly share my knowledge and experience, for there are no sweeter words than "I told you so".
-
-
-
Hallo,
Wenn ich dem "a" einen z-index:-1 verpasse,
klappt das im IE7, im FF erscheint "a" dann gar nicht mehr?<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index@title=Siehe hier (unter "Beachten Sie")>
Gibt´s da ne Lösung?
Wo willst du dein <div> haben?
Gruß
-
Hallo,
Wenn ich dem "a" einen z-index:-1 verpasse,
klappt das im IE7, im FF erscheint "a" dann gar nicht mehr?<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index@title=Siehe hier (unter "Beachten Sie")>
Gibt´s da ne Lösung?
Wo willst du dein <div> haben?
das "a" div hat ein Hintergrundbild, das ich an einer bestimmten position relativ zum umgebenden container (deswegen absolute) haben will, Elemente, die nach dem "a"-div kommen, sollen darüber, dargestellt werden.
-
Hallo,
Kannst du das Hintergrundbild nicht direkt dem übergeordneten Element zuweisen?
Ansonsten bleibt die Möglichkeit, die Elemente, die über dem div#a angezeigt werden sollen, mit einem extra <div> zu umschließen und diesem einen entsprechenden z-index zu geben.
Gruß
-
Hallo,
Kannst du das Hintergrundbild nicht direkt dem übergeordneten Element zuweisen?
Ansonsten bleibt die Möglichkeit, die Elemente, die über dem div#a angezeigt werden sollen, mit einem extra <div> zu umschließen und diesem einen entsprechenden z-index zu geben.
ich verpasse #content z-index:1000; hilft aber auch nix
-
Hallo,
z-index funktioniert nur, wenn das Element eine andere Position als static (default) hat. Du kannst hier position:relative; nehmen. Sorry, habe ich vergessen.
Gruß
-
Hallo,
z-index funktioniert nur, wenn das Element eine andere Position als static (default) hat. Du kannst hier position:relative; nehmen. Sorry, habe ich vergessen.
Gruß
Tausend Dank! Problem gelöst.
-
-
-
-
-
-
Ich poste mal den quelltext, um den es mir geht.
Das "lpic"-div "verdeckt den "links"-div, obwohl er vorher im Quelltext steht.<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Hugo</title>
<style type="text/css">
<!--
html, body {
background-color:black;
color:white;
}
#container
{ position:relative;
height:500px;
}
#lpic {
position:absolute;
left:10px;
top:10px;
}#links {
float:left;
width:450px;
overflow:hidden;
padding-bottom:10px;
}
#content {
min-height:300px;
overflow:hidden;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="lpic"><img src="200-300.gif" alt="val"/></div>
<div id="logo1"></div>
<div id="content">
<div id="links">M1<br/>M1<br/>M1<br/>M1<br/>M1<br/>M1<br/></div>
Content
</div>
</div>
</body>
</html>