Autor |
Nachricht |
dashi
Threadersteller
Dabei seit: 16.03.2003
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Do 11.08.2005 10:40
Titel [DIV] Probleme mit Positionierung (überlappen) |
|
|
Greetings,
folgendes Problem:
Ich habe eine horizontale Navigation, darunter befindet sich ein div mit backgound.
Die komplette Navigation soll jetzt den div darunter um xpixel überlappen, verdecken... wie auch immer...
Nos Problemos im firefox/opera/ie5.irgendwas aufm mac/ usw. NUR dieser ***** **** *** *********
InternetExplorer6 rallt es nicht!
Ich habe schon einige Varianten durchprobiert, welche dann immer in allen Browsern AUCH funktioniert haben,
aber im IE natürlich immer nich so wirklich.
Jetzt habe ich die vielversprechenste Version mal hochgeladen und die ganze Seite auf die 2 divs reduziert zwecks Übersicht. In der ist das Problem das der untere div die Navi zum Teil verdeckt, was aber genau umgekehrt sein soll! Nur das bekomme ich einfach nicht gebacken.
anglotzen
hlp
Zuletzt bearbeitet von shakadi am Mo 15.08.2005 10:57, insgesamt 1-mal bearbeitet
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 11.08.2005 10:54
Titel
|
|
|
#deko {
background-color:#000000;
height:100px;
width:100%;
float:left;
z-index: 1;
}
#navcontainer {
margin:0 0 -20px 0;
float:right;
z-index: 2;
}
Zuletzt bearbeitet von sahnemuh am Do 11.08.2005 10:54, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
dashi
Threadersteller
Dabei seit: 16.03.2003
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Do 11.08.2005 11:01
Titel
|
|
|
mh ne dann haut die navi im ie ab
edit: ne halt...... passiert garnichts -.-
Zuletzt bearbeitet von dashi am Do 11.08.2005 11:05, insgesamt 2-mal bearbeitet
|
|
|
|
|
Morgo
Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht:
|
Verfasst Do 11.08.2005 11:12
Titel
|
|
|
Der IE zickt ab und an bei den z-index ..
Du könntest versuchen, den nav-Div im Quelltext nach oder in dem decko-Div zu definieren (kannst du dank css ja immernoch an der selben Stelle positionieren), dann sollte das auch im IE klappen.
Hoff ich.
Zuletzt bearbeitet von Morgo am Do 11.08.2005 11:12, insgesamt 1-mal bearbeitet
|
|
|
|
|
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Do 11.08.2005 11:14
Titel
|
|
|
Morgo hat geschrieben: | Der IE zickt ab und an bei den z-index ..
Du könntest versuchen, den nav-Div im Quelltext nach oder in dem decko-Div zu definieren (kannst du dank css ja immernoch an der selben Stelle positionieren), dann sollte das auch im IE klappen.
Hoff ich. |
Korrekt. Ein Div in das andere legen, dann mit negativem Margin bei position:absolute das innere DIV aus dem äußeren DIV herausziehen. Klappt wunderbar in allen Browsern, hab ich bereits mehrfach gemacht.
|
|
|
|
|
dashi
Threadersteller
Dabei seit: 16.03.2003
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Do 11.08.2005 11:19
Titel
|
|
|
Wenn ich die Navi in den deko div packe, und mit -margin oben raus ziehe, fällt einfach oben was weg (ie) siehe link hab ich aktialisiert..
// absolut is nicht, das layout ist horizontal zentriert und alle divs floaten ohne absolute position...
Zuletzt bearbeitet von dashi am Do 11.08.2005 11:21, insgesamt 2-mal bearbeitet
|
|
|
|
|
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Do 11.08.2005 11:25
Titel
|
|
|
dashi hat geschrieben: | Wenn ich die Navi in den deko div packe, und mit -margin oben raus ziehe, fällt einfach oben was weg (ie) siehe link hab ich aktialisiert..
// absolut is nicht, das layout ist horizontal zentriert und alle divs floaten ohne absolute position... |
Klar geht das mit absolute... Wenn man keine Ahnung hat... Den Rest kennst, ne?
Du richtest nur das eine überlagernde DIV absolute zu dem DIV aus, in dem es liegt, dadurch "schwebt" es über das umschlißende DIV hinaus.
Zuletzt bearbeitet von way2hot am Do 11.08.2005 11:26, insgesamt 1-mal bearbeitet
|
|
|
|
|
Morgo
Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht:
|
Verfasst Do 11.08.2005 11:30
Titel
|
|
|
ich weiss nich wirklich ob dir das weiterhilft, aber wenn du dem elterndiv (decko) position:relative gibst, werden alle absolut positionierten elemente darin an dem ausgerichtet ..
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Probleme mit DIV-Positionierung
Probleme mit Div-Positionierung...
Probleme mit Layout Positionierung
CSS Probleme mit der positionierung in IE 6 und kleiner.
[CSS] Überlappen von Listenelement
css menü soll div überlappen
|
|