nicht angemeldet
Verschachtelte «DIV»'s werden falsch angezeigt. Warum?
Guten Morgen Forum!
Ich moechte eine Navigation mit DHTML realisieren und habe zu diesem Zweck einen einen Menu-DIV erstellt, in dem sowohl die sichtbaren, als auch die unsichtbaren <DIV>'s der Menuepunkte plaziert sind.
Leider zeigen mir beide 4er Browser das Menu falsch an, alle Grafiken werden untereinander sichtbar dargestellt.
Was mach ich falsch?
Danke für Eure Hilfe
<HTML>
<HEAD>
<TITLE>CSS Test</TITLE>
<STYLE TYPE="css/text">
<!--
#Mcompany { position:absolute; left:200; top:200; width:169; height:12; visibility:visible }
#Mstructure { position:absolute; left:0; top:0; width:52; height:12; visibility:visible }
#ONMstructure { position:absolute; left:0; top:0; width:52; height:12; visibility:hidden }
#strich1 { position:absolute; left:57; top:0; width:1; height:12; visibility:visible }
#Mhistory { position:absolute; left:62; top:0; width:39; height:12; visibility:visible }
#ONMhistory { position:absolute; left:62; top:0; width:39; height:12; visibility:hidden }
#strich2 { position:absolute; left:106; top:0; width:1; height:12; visibility:visible }
#Mphilosophy { position:absolute; left:111; top:0;width:58; height:12; visibility:visible }
#ONMphilosophy { position:absolute; left:111; top:0;width:58; height:12; visibility:hidden }
//-->
</STYLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<DIV ID="Mcompany">
<DIV ID="structure"><IMG SRC="images/nav_structure_off.gif" WIDTH="52" HEIGHT="12" NAME="structurImg"></DIV>
<DIV ID="ONstructure"><IMG SRC="images/nav_structure_on.gif" WIDTH="52" HEIGHT="12" NAME="ONstructurImg"></DIV>
<DIV ID="strich1"><IMG SRC="images/strich_unavi.gif" WIDTH="1" HEIGHT="12"></DIV>
<DIV ID="Mhistory"><IMG SRC="images/nav_history_off.gif" WIDTH="39" HEIGHT="12"></DIV>
<DIV ID="ONMhistory"><IMG SRC="images/nav_history_on.gif" WIDTH="39" HEIGHT="12"></DIV>
<DIV ID="strich2"><IMG SRC="images/strich_unavi.gif" WIDTH="1" HEIGHT="12"></DIV>
<DIV ID="Mphilosophy"><IMG SRC="images/nav_philosophy_off.gif" WIDTH="58" HEIGHT="12"></DIV>
<DIV ID="ONMphilosophy"><IMG SRC="images/nav_philosophy_on.gif" WIDTH="58" HEIGHT="12"></DIV>
</DIV>
</BODY>
</HTML>
-
Was mach ich falsch?
#Mcompany { position:absolute; left:200; top:200; width:169; height:12; visibility:visible }
»» #Mstructure { position:absolute; left:0; top:0;
[....]<DIV ID="Mcompany">
dir fehlt der z-index, du gibst ihm zar die x und y koordinaten an, aber keine z :-)
lg
Ludwig-
Was mach ich falsch?
#Mcompany { position:absolute; left:200; top:200; width:169; height:12; visibility:visible }
»» #Mstructure { position:absolute; left:0; top:0;
[....]
<DIV ID="Mcompany">dir fehlt der z-index, du gibst ihm zar die x und y koordinaten an, aber keine z :-)
lg
LudwigHallo Ludwig,
vielen Dank fuer deine Antwort. Den z-index habe ich jetzt nachgetragen, allerdings bleibt das Problem :-(
Sehe ich das denn richtig, dass ich einen <DIV> mit mehreren inneren <DIV>'s nicht irgendwo auf der Seite plazieren kann, und die inneren <DIV>'s richtigen sich nach ihrem "parent" aus? Im Moment sehe ich keine andere Möglichkeit, als jede einzelne Grafik in einem einzelnen <DIV> auf der Seite genau zu plazieren und die "Idee" mit der Verschachtelung aufzugeben, was natuerlich wesentlich pflegeleichter waere.
Aber vielleicht fällt uns ja noch was ein :-)Nochmals danke Ludwig und ich gebe die Hoffnung noch nicht auf
Viele Gruesse
Volli
-
-
Hi
Du hast einen ganz bloeden Fehler gemacht!! :-))
Die CSS Angabe muss heissen: <STYLE TYPE="text/css"> du hast text und css vertauscht!
Ausserdem muss in deinen Divs die id's von structure nach Mstructure und ONstructure nach ONMstructure umbenannt werden!!
Holger-
Hi
Du hast einen ganz bloeden Fehler gemacht!! :-))
Die CSS Angabe muss heissen: <STYLE TYPE="text/css"> du hast text und css vertauscht!
Ausserdem muss in deinen Divs die id's von structure nach Mstructure und ONstructure nach ONMstructure umbenannt werden!!
HolgerHallo Holger (mein Held!),
du hast mich vor einer Haartoenung bewahrt, langsam bekam ich graue Haare wegen dieses Problems. Vielen Dank, dass Du dir die Muehe gemacht hast, ganz genau hinzuschauen.
Jetzt klappt es wie gewuenscht.Einen ganz dicken Bussi sendet
Volli :-)
-