Darstellungsproblem mit Opera - Hilfe!

[Harzteufel]

Hallo, ich habe nachfolgenden Code und versteh einfach nicht, wieso Opera 9 mir die Navigation nicht unter dem Logo anordnet. IE 7 und FireFox 3 stellen wie gewünscht dar. Kann mir bitte jemand helfen?

<div id="logo">
	<img src="img/logotop.gif" align="left" alt="" /><br />
</div>
<div id="navcontainer">
	<ul class="solidblockmenu">
			<li><a href="#" class="current">Startseite</a></li>
			<li><a href="#">Weitere Informationen</a></li>
			<li><a href="#">Über uns</a></li>
			<li><a href="#">Kooperationen</a></li>
			<li><a href="#">News</a></li>
			<li><a href="#">Presse</a></li>
			<li><a href="#">Events</a></li>
			<li><a href="#">Letzter Event</a></li>
			<li><a href="#">Vorstand</a></li>
			<li><a href="#">Kontakt</a></li>
	</ul>
</div>

* {
	margin: 0;
	padding: 0;
}
body {
	background: #FFF url("img/bgtop.jpg") repeat-x;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
}
#logo {
	margin: 0 auto;
	width: 870px;
}
#navcontainer {
	margin: 0 auto;
	width: 870px;
}
.solidblockmenu {
	margin: 0 auto;
	float: left;
	font-weight: bold;
	overflow: hidden;
	background: url(img/navbg.jpg) center center repeat-x;
}
.solidblockmenu li {
	display: inline;
}
.solidblockmenu li a {
	float: left;
	color: white;
	padding: 9px 9px 8px 9px;
	text-decoration: none;
	border-right: 1px solid white;
}
.solidblockmenu li a:visited {
	color: #FFF;
}
.solidblockmenu li a:hover, .solidblockmenu li .current {
	color: #FFF;
	background: transparent url(img/navbgaktiv.jpg) center center repeat-x;
}

 

[Masaku]

Hab's mit aktivierten Rahmen angeguckt und Opera (9.52) richtet alles bei mir genauso aus wie FF. Welche Opera-Version hast du genau? Vllt. Update?

 

[Harzteufel]

Hmm, werd Opera mal updaten. Hatte bisher die Version 9.27, allerdings würde mich schon interessieren, wieso dieses Problem auftritt. Ich hatte bisher nie Probleme mit Opera, wenn im Firefox und IE7 alles korrekt angezeigt wurde. *grübel*

 

[Maik]

Hi,

der Grund ist das align="left"-Attribut im Grafikelement, das einer float:left-Deklaration gleichkommt.

Lösung, um die Ausrichtung des Menücontainers unterhalb der Grafik zu erzwingen:

#navcontainer {
        margin: 0 auto;
        width: 870px;
        clear:left;
}

Im übrigen verhält sich hier bei mir Opera 9.5 genauso, wie "9.27", wenn die Grafik ihr Elternelement in der Breite nicht vollständig ausfüllt.

mfg Maik