Div wird nicht angezeigt

Status
Nicht offen für weitere Antworten.
V

VBFreak

Mitglied
Hallo,

ich habe erstmal mit reinem CSS eine Menü-Navigation erstellt (z.Zt nur Opera & Co, nicht IE). Im ersten Menü gibt es den Eintrag "Test ---". Wenn man über diesen fährt, soll rechts daneben "Sub-Eintrag" erscheinen. Bei mir wird es aber nie angezeigt
Was mache ich falsch?

Hier mein CODE(funktioniert nicht in IE):
PHP: 
<html>
<head>
<style type="text/css" media="screen"><!--
.Document {position:absolute ; top:30px}
.pop {min-height:20px;position:absolute;top:0;text-align:center;background-color:#A9A9A9;font-size:10pt;font-weight:bold;z-index:1}
.pop a {text-decoration:none;color:#0000FF;width:100%}
.pop a:hover {color:#00FFFF;background-color:#0000FF}
.pop:hover .Entry{display:block}
.Entry{font-size:8pt;text-align:left;display:none}
.SubEntry{width:100%}
.SubEntryElements{position:absolute;z-index:2;display:none}
.SubEntry:hover .SubEntryElements{display:block}   //<-- Hier sollte das DIv eingeblendet werden
#Menu1 {left:0;width:150}
#Sub11 {left:500;top:200}                          //<-- Hier steht eigentlich die Position des "fehlenden" divs
//--->
</style>
</head>
<body>

<div id="Menu1" class="pop">
	Joint Venture
         <div class="Entry">
         	<div class="SubEntry">
                 	Test ->
                 	<div id="Sub11" class="SubEntryElements">
                         	<a href="a">Sub-Eintrag</a>
                         </div>
	        </div>
         	<a href="A">Joint Venture</a><br>
		<a href="A">History</a><br>
		<a href="A">AMD&nbsp;Inc.</a><br>
	         <a href="A">Photomasks&nbsp;Inc.</a><br>
         	<a href="A">Infineon&nbsp;Technolgies&nbsp;AG</a><br>
	         <a href="A">Biographies</a>
	</div>
</div>
<div class="Document">
Hier steht Dokument-Text
</div>
</body>
</html>
 
Zuletzt bearbeitet:
Problem gelöst, dafür 1 neues

OK, habe gerade Problem selber gelöst. Es ist aber dafür 1 neues Problem aufgetaucht:
Wenn ich über den Eintrag fahre, der die Untereinträge enthält, wird der Bereich in der Höhe verlängert.

Habt ihr ne Idee, wie ich das wegkriege (nur CSS)?

Hier der neue Code(nicht IE):
PHP: 
<html>
<head>
<style type="text/css" media="screen"><!--
.Document {position:absolute ; top:30px}
.pop {min-height:20px;position:absolute;top:0;text-align:center;background-color:#A9A9A9;font-size:10pt;font-weight:bold;z-index:1}
.pop a {text-decoration:none;color:#0000FF;width:100%}
.pop a:hover {color:#00FFFF;background-color:#0000FF}
.pop:hover .Entry{display:block}
.Entry{font-size:8pt;text-align:left;display:none}
.SubEntry{width:100%;color:#0000FF}
.SubEntryElements{position:relative;background-color:#A9A9A9; z-index:2;display:none}
.SubEntry:hover {color:#00FFFF;background-color:#0000FF}
.SubEntry:hover .SubEntryElements{display:block}
#Menu1 {left:0;width:150}
#Menu8 {left:819;width:80}
#Sub11 {left:150;top:-13}
//--->
</style>
</head>
<body>
<div id="Menu1" class="pop">
	Joint Venture
         <div class="Entry">
		<a href="A">Joint Venture</a><br>
		<a href="A">History</a><br>
		<a href="A">AMD&nbsp;Inc.</a><br>
		<a href="A">Photomasks&nbsp;Inc.</a><br>
         	<a href="A">Infineon&nbsp;Technolgies&nbsp;AG</a><br>
	        <a href="A">Biographies</a><br>
                 <div class="SubEntry">
                 	Test
                 	<div id="Sub11" class="SubEntryElements">
                         	<a href="A">Sub-Eintrag</a>
                                 <a href="A">Sub-Eintrag</a>
                                 <a href="A">Sub-Eintrag</a>
                                 <a href="A">Sub-Eintrag</a>
                         </div>
                 </div>
	</div>
</div>
<div class="Document">
Hier steht Dokument-Text
</div>
</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück