Antwort #11 am: 01. Oktober 2012, 14:43:51
Naja diese Probleme kann ich Dir jetzt nicht loesen. Ich geb dir nur eine Variante wie die bestehende Konfiguration einigermassen funktioniert.
1. Html Struktur so abaendern: (hast auch noch einen "div" Fehler, kontrollier mal die auskommentierten Codeabschnitte im Quelltext)
<div class="head">
<div id="topmenuwrap">
<p>Willkommenmessage</p>
<ul id="topmenu">
<li>blabla</li>
<li>blabla</li>
</ul>
</div>
</div>
und das so gering wie moeglich veraenderte CSS:
.head {
background-image: url(images/headbg.jpg);
width:100%;
min-width:1000px; /*minimale Weite Header, wie #wrap */
}
#topmenuwrap {
margin:0 170px 0 30px; /* Kontakt braucht Platz um nicht ueber Nav zu geraten */
overflow:hidden; /* da alle childelemente floaten */
}
/*topmenu + head p haben nun 800px Breite zur Verfuegung*/
.head p {
float: left;
/*width: 430px; auf Weiten in pixel so oft wie moeglich verzichten*/
padding-top: 15px;
font-weight: bold;
/*margin-left: 50px; linker Abstand ist in der #topmenuwrap das margin */
}
#topmenu {
float: right;
padding: 0;
margin: 5px 0 0;
list-style-type: none;
height: 45px; /* 45px + margin-top 5px sind 50px fuer die Gesamthoehe des .head */
font-size: 13px;
}
Wie immer Sicherungskopie
!
Gruss