css problem bei horizontaler navigation

ein herzliches hallo ins forum,

ich habe folgendes problem: auf esskultur.at habe ich unter dem header eine horizontale navigation. (categories und pages). ich würde gerne den letzten menüpunkt rechtsbündig (mit dem headerbild) abschliessen lassen. mit dem gunnart-plugin kann ich die menüpunkte einzeln im stylesheet ansprechen.

komischerweise funktioniert im firefox eine pixelangabe des menüs nicht, im ie schon. für beide browser eine lösung zu finden ist mir nicht geglückt.

hier ist das css dieser navigation

ul.mainmenu {
            list-style: none;
            padding: 0;
            margin: 0;
            color: #FF3300;
            font-size: 1.4em;
            width: 760px;
            }
        
        .mainmenu li {
            float: left;
            position: relative;
            }
            
        .mainmenu li a {
            _width: 1%;
            /* Or else IE6 does a crappy of job of displaying the menu */
            display: inline;
            color: #FF3300;
            font-weight: bold;
            padding-left: 20px ;
            }
        
        .mainmenu li.home a {
            padding-left: 0;
        }
        
        .mainmenu li.ueberesskulturat a {
            float:  right;
        }


        .mainmenu li a:hover {
            text-decoration: underline;
            }

ich habe mehrere varianten probiert, auch die liste mit display: inline (damit das float: left attribut wegkommt) anzuzeigen, hat nicht zum gewünschten ergebnis geführt.

gar nicht verstehe ich, dass die width angabe im firefox nicht zum tragen kommt.

vielleicht hilft noch der code im header weiter:

<div id="page">
<div id="header" title="startseite - kulinarische notizen">
         
           <ul class="mainmenu">
            <li class="home <?php if(is_home()) { echo 'current_page_item';} ?>" title="startseite - kulinarische notizen"><a href="<?php echo get_settings('home'); ?>/">kulinarische notizen</a></li>
            <?php wp_list_pages('include=277,3,276,7&title_li=&sort_column=menu_order'); ?>
        </ul>


</div>
<hr />

ich bin dankbar für hilfe, da ich nicht so ein codefreak bin.

herzliche grüsse, horst

herzlichen dank für eure antworten!
marX

Zitat

Um das zu erreichen müssen alle <li> float:left haben und gleich breit sein sein. Inline-Elemente haben per Definition keine festlegbare Breite.

ja das problem ist aber, dass die worte der navigation zu lange sind, eine gleichmässige aufteilung ist somit nicht möglich.

Zitat

(Was eventuell noch funktionieren könnte ist Inline-Anzeige und Blocksatz für das umschließende <ul>. Hier musst du aber auf irgendeine Weise eine 2 Zeile erzwingen.)

habe auch schon daran gedacht, nur weiss ich momentan nicht, wie ich diese zweite zeile erzwingen soll...

eigentlich ist aber oben genanntes genau das, wonach ich suchen würde: eine blocksatzformatierung für listenelemente. sowas gibt es aber meiner meinung nicht, weil das attribut justify nicht auf li oder ul elemente anwendbar ist?

liebe monika ich danke auch dir ganz herzlich, ich glaube du setzt bei mir aber zu viel wissen voraus ;)

Zitat

da man den IE gut im header bedienen kann,

sowas liegt weit über meinem horizont, ich wüsste nicht, wie das gehen soll...hast du dazu vielleicht nähere infos?

und was die rechtsbündigkeit angeht, das wäre ja nur ein hifsmittel, ich weiss, es ist nicht besonders geeignet.

und wo genau meinst du, soll ich margin angaben in prozent definieren?

im übrigen ist mir noch immer nicht klar, warum der firefox nicht auf die width angabe der navigation eingeht.

danke euch herzlich, vielleicht gibt es nochmals rat für mich.

herzliche grüsse

horst

herzlichen dank an euch alle für die antworten und anregungen.

und danke auch an codestyling für deine bemühungen, ichbs lokal ausprobiert, leider kann man das menü für den internet explorer (vers. 6.x) so nicht verwenden.

danke auch marx für deine hinweise, ich werde mal brav lesen.

ich hab jetzt vielleicht eine lösung gefunden mit einem plugin ein horizontales menü zu erzeugen, interessanterweise macht das weniger mucken, als wenn ich es so versuche zu lösen.

danke jedenfalls an alle

horst