|
|||
Div über sämtliche anderen legen - z-index?
Moin Leute,
ich hab ein Problem mit z-index. Ich hab eine Box, die am rechten oberen Bildrand klebt, mit position:fixed und für IE mit Dean Edwards Hack. Sieht ordentlich aus, keine Probleme. Ich habe dem Div als z-index:1 gegeben, damit diese Box nicht verdeckt wird. Mit IE 6 und FF 1.5 habe ich keine Probleme, bei niedrigeren Versionen (zumindest IE 5.5, 5.1 und FF 1.0) verschwindet die Box aber unter einer anderen (wenn man den Bildschirm ein wenig nach unten scrollt). Woran kann das liegen? Muss ich z-index:0 definieren? |
Sponsored Links |
|
|||
Sorry, ich dachte das wäre ein einfacheres Problem
Das Div steht direkt hinter dem Body-Tag, styling sieht so aus: Code:
#logout { font: 12px Georgia; position: fixed; background: #f2f3ff; border: 1px solid #8b96c7; padding: 5px; right: 0px; top: 0px; z-index: 1; } |
|
|||
Kannst du nicht mehr Quellcode posten?
Ich habs dir mal geschrieben wie es aussehen könnte, probier das mal bei dir: Code:
<!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" lang="de"> <head> <title>neu</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <style type="text/css"> #logout { font: 12px Georgia; border: 1px solid #8b96c7; padding: 5px; width: 200px; height: 100px; background-color: #f2f3ff; position: absolute; right: 0; top: 0; position: expression("absolute"); top: expression(document.body.scrollTop - this.offsetHeight + this.offsetHeight); } #logout[id] { position: fixed; } </style> </head> <body> <div id="logout">Box 1</div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p> </body> </html> |
|
|||
Nicht schlecht, da sind Sachen dabei, die ich noch nie in meinem Leben gesehen habe . Funktioniert auf all meinen Browsern, tausend Dank, das ist echt grandios!
(Warum muss das eigentlich immer so kompliziert sein? Wozu gibts z-index überhaupt?) |
|
|||
Zitat:
wenn ich die nicht ins CSS eintrage sieht es im FF und IE trotzem gleich aus. Ebenso wenn ich JS im FF deaktiviere. Eigentlich brauche ich doch nur Code:
position: absolute; right: 0; top: 0; |
|
|||
Zitat:
|
|
|||
ok, klar. Im FF ist auch alles paletti.
Aber der obige Code im IE erzeugt nicht, dass die Box beim runterscrollen oben stehen bleibt. Ob ich jetzt die "Javascript-zeilen" drin hab oder nicht. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 23:48 |
Die maximale breite wird nicht erkannt | notebook20000 | CSS | 9 | 22.06.2006 21:14 |
abstände in div zwischen h und anderen elementen | eyetag | CSS | 16 | 20.07.2005 18:42 |
div Positionierung bei Browsern | Ancient | CSS | 22 | 17.03.2005 01:49 |
Div geht über anderen Div hinaus | jensr | CSS | 13 | 24.07.2004 01:23 |