Hallo,
Hast du das, was ich geschrieben hatte ausprobiert? Ich meinte das so:
<div style="overflow:hidden;">
<ul style="width:150%">
<!--Deine Navi-->
</ul>
</div>
>
> Tja so funktioniert es tatsächlich, da hab ich scheinbar vorher was falschgemacht. Bitte teste bei dir die Seite auch nochmal um zu sehen oba es wirklich geht.
Funktioniert auch bei mir ohne Probleme (im IE7).
Bitte lagere den Code aber aus und mache ihn möglichst nur dem IE zugänglich!
Übrigens muss ich gestehen eine Sache übersehen zu haben: 20% entspricht ja jetzt nicht mehr der Fenstergröße, sondern der Größe des Balkens. Vielleicht könntest du jetzt Werte nehmen, die kleiner sind als 20%. Bei 130% Gesamtgröße wären wohl 16% optimal.
Probier das mal:
~~~css
*+html #nav {overflow:hidden;}
*+html #nav ul {width:130%;}
*+html #nav ul li {width:16%;}
Das „*+html“ ist hierbei der CSS-Hack, der von gescheiten Browsern ignoriert wird.
Tja, das ist eben das normale Übel eines Webdesigners. Es läuft in allen Browsern ohne Probleme und dann testet man im IE (der ja immer noch meilenweit davon entfernt ist, den Acid 2-Test zu bestehen).
Hm, da sieht man ja wirklich beträchtliche Anzeigeunterschiede zwischen FF und IE :-)
Genau! Zwar besteht ihn Firefox 2 noch nicht komplett, aber das wird sich mit der nächsten Version (Firefox 3) ändern. Die aktuellen Nightlys haben jedenfalls keine Probleme mehr damit.
mfg. Daniel