Biite um Hilfe bei CSS-Navigation

Liebe Helfer,

ich bin am verzweifeln. Ich versuche eine Navigation in den Griff zu kriegen. Ich habe ein horizontales Menü mit Dropline-Submenü und dann noch einen qTranslate Language Switcher. Der soll auf gleicher Höhe stehen wie das Menü, als ob er ein Teil davon wäre und rechtsbündig abschließen.

Wenn ich den Code für qTranslate ins Menü nehme, zerschlägt es mir die Navigation. Wenn ich den qTranslate-Code absolut positioniere, verschiebt er die Sidebar an eine falsche Stelle. float right führt zu unerwarteten Ergebnissen beim Hintergrundbild (senkrechte Trennlinie). Es ist zum Auswachsen!

Fehlt womöglich ein Clearer? Könnte sich jemand erbarmen und mal einen Blick drauf werfen?

Hier der Link zur Navi/Link gelöscht.

Hier der Link zum CSS/Link gelöscht (Menü ab Zeile 171, qTranslate ab Zeile 277).
Hier der Code des Templates an der entscheidenden Stelle:

<div id="container"><!-- Gesamtcontainer -->
        <!-- Header mit Logo -->                
.
.
.


<!-- Navigation -->        
        <div id="menu" role="navigation">
            <ul>
                 <li <?php if(is_front_page()){echo 'class="page_item current_page_item"';} else { echo 'class="page_item"';}; ?>><a rel="nofollow" href="<?php bloginfo('url'); ?>/" title="Home">Home</a>
                 </li>
                  <?php wp_list_pages('title_li=&exclude=22,24,26,28,282'); ?></ul>
        </div><div id="qt"><?php echo qtrans_generateLanguageSelectCode($language_code); ?></div>
        <div id="menuclearer"></div>??????
 <!-- Ende Navigation -->
.
.
Hier käme normalerweise der Loop hin
.
.
</div><!-- Ende Container -->

Vielen Dank für die Rückmeldung! Ja stimmt, das ist ein Container zu viel. Aber ich komme trotzdem nicht weiter; ich kriege die beiden Teile (Menü und Plugin) einfach nicht in eine Reihe.

Ich habe das Sprachplugin jetzt absolut positioniert, und es sieht jetzt nur noch so aus, als ob es Teil der Navigation sei. Nun warte ich nur noch auf mein blaues Wunder, wenn ich die Browsertests starte.

Bei dieser absoluten Positionierung ist was Merkwürdiges passiert: Der Code gibt durch [FONT=Courier New]float: right[/FONT] jetzt die Sprachen in umgekehrter Reihenfolge aus. Wenn ich [FONT=Courier New]li:first-child[/FONT] verändere, hat das Auswirkungen auf die Formatierung der ersten Sprache, die aber jetzt an zweiter Stelle steht. Ist das normal?

CSS des Plugins jetzt:

.qtrans_language_chooser {
    list-style-type: none;
    text-transform: uppercase;
    position: relative;
    z-index: 100;
    top: 92px;
}


.qtrans_language_chooser li {
    display: inline-block;
    height: 20px;
    background: url(images/menu-st1.gif) no-repeat right;
 /*Es müsste eigentlich "left" heißen,
aber weil die Sprachen umgedreht sind,
funktioniert es nur mit "right". :confused: */
    font-size: 13px;
    float: right;
    padding-right: 10px;
    padding-left: 10px;
}


.qtrans_language_chooser a {
    color: #aaa;
}


.qtrans_language_chooser a:hover, #qt a:active {
    color: #ff6300;
    text-decoration: none;
}


.qtrans_language_chooser li:first-child {
    background-image: none;
}

IE7 zeigt's nicht richtig an, so was Dummes. Bei IE6 wird es ganz oben hingesetzt, aber es sieht aus wie beabsichtigt, deshalb kann man es so lassen.

Zitat von kaiser

Google mal nach "IE hasLayout". Daher kommen mit 99&iger Wahrscheinlichtkeit Deine IE-Probleme.

Ach, das werde ich mir morgen mal ansehen, dankeschön.

"Bitte keine Links zu Testsites zitieren": Es kommt manchmal vor, dass Leute in ihren Antworten die Frage zitieren und damit auch die angegeben Testsites, die gerade erprobt werden. Wenn ich dann Wochen später mal schaue, wie sich die Site auf Google macht, erscheinen auch die Fragen, die ich unterwegs hier stelle. Es ist zwar ein Segen, das sich hilfreiche Menschen meinetwegen den Kopf zerbrechen, aber es muss ja nicht jeder die Baustellen sehen, die man offen gehabt hat. Meine Signatur ist vielleicht etwas missverständlich? :smile:

Edit 22. Juli: Die Sache hat sich erledigt. Die Hinweise haben mir Auf die Sprünge geholfen, danke!