text so breit wie div

limpstar

hallo leute

wenn ihr mit firefox 2 (weiss nicht ob es mit 1.5 und 1 auch so ist) auf die homepage http://www.so-nksa.ch.vu geht, sieht ihr da, dass das menü (news | über uns | ... ) etwa so breit ist wie der pinke div darunter. mit internet explorer 7 jedoch ist das überhaupt nicht so. ich hab das mit dem code letter-spacing = "...px" gemacht, so, dass es eben mit firefox so aussieht, als wäre der text genau gleich breit wie der darunterliegende div. gibt es nicht einen code, damit der text sich automatisch der div breite anpasst? so wie bei microsoft office word, wenn man eine zeile markiert und dann CTRL + SHIFT + J drückt.
mfg

sejuma

Ich kann's im IE7 leider nicht testen, aber im FF1.5 und IE6 müsste es hinhauen:

Füge mal das noch in die CSS:

Code

#menu ul
{
list-style-type:none;
margin:0;
padding:0;
}


li
{
float:left;
font-size:12px;
margin-left:22px;
display:inline;
}


li.erster
{
margin-left:0px;
}

Alles anzeigen

HTML-Navi:

Code

<div id="menu">
<ul>
<li class="erster">[url='http://nksa.ch/so/index.htm']News[/url]|
[*][url='http://nksa.ch/so/about.html']Über uns[/url]|
[*][url='http://www.nksa.ch/so/termine.html']Termine[/url]|
[*][url='http://www.nksa.ch/so/kontakt.html']Kontakt[/url]|
[*][url='http://www.nksa.ch/so/sitzungen.html']Sitzungen[/url]|
[*][url='http://www.nksa.ch/so/links.html']Links[/url]|
[*][url='http://www.nksa.ch/so/gbook.html']Gästebuch[/url]
[/list]
</div>

Alles anzeigen

Evtl. bei "li" noch mit dem margin-left-Wert und bei den Links mit der Anzahl der "" noch etwas variieren/experimentieren

limpstar

vielen dank ist gegangen, muss einfach noch ein bisschen zirkeln so wie du gesagt hast, aber vielleicht lasse ich es auch so, wie ich es zuerst gemacht habe, weil es so irgendwie anders aussieht aber trotzdem vielen dank für deine antwort!

Tags