[screengreen]

Hallo zusammen,

habe das Vergnügen ne Flashwebseite in Html nachzubauen.
Soweit alles gut, bis ich jetzt das CSS Menü im IE 7 betrachte und
feststellen muss, das die Untermenüs nach rechts verschoben werden. Im Safari, FF etc. funktioniert es richtig.

Würde bitte mal jemand über den Code schauen, bin mit meinem Latein am Ende.

Merci.


CSS -- Menü

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Verdana", Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}
.menu ul{
	background:#CCCCCC;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#cccccc  bottom right no-repeat;
		color:#000000;
		display:inline;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #cccccc  bottom center no-repeat;
			color:#000000;
			text-decoration:none;
			}
	.menu li ul{
		background:#cccccc;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:100px;
		z-index:100;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:#cccccc bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:125px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:10px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#333333 center left no-repeat;
			border:0px;
			color:#cccccc;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		.source_master_nw_down {
	margin-left: 90px;
	margin-top: 25px;
	width: 200px;
}

[IChao]

Dein Menü hat die top/left Angaben auskommentiert. IE < 8 kann die daraus folgende sog. "statische Position" nicht korrekt ermitteln und hängt das Untermenü neben dem floatenden Hauptmenüeintrag.

Oder es ist alles ganz anders, aber CSS ist ohne HTML schwer nachzuvollziehen.

[screengreen]

Hey,
also wenn ich left und top nicht auskommentiere, erscheinen die Untermenüs oben links in der Ecke des Browsers.

Das ist ne Kunst für sich ... CSS

Hab Dir mal den HTML Code fürs Menü beigefügt.

 <div class="menu">
<ul>
<li><a href="_main.html" target="_self" >Aktuell</a>
</li>
<li><a href="" target="_self" >Unternehmen</a>
<ul>
<li><a href="_historie.html" target="_self">Historie</a></li>
<li><a href="_gl.html" target="_self">Geschäftsleitung</a></li>
<li><a href="_karriere.html" target="_self">Jobs & Karriere</a></li>
</ul>
</li>
<<li><a href="" target="_self" >Kontakt</a>
<ul>
<li><a href="_mailkontakt.html" target="_self">eMail Kontakt</a></li>
<li><a href="_anschrift.html" target="_self">Anschrift</a></li>
<li><a href="_impressum.html" target="_self">Impressum</a></li>
</ul>
</li>
</ul>
</div>
<p></p>
      </div>
      <div class="menu"></div>