[entep]

Ursprungligen postat av frecka

jag har en meny som ser ut såhär:

<ul>
					<li><a href="#" class="active"><span style="padding:2px;display:block;"><span class="inner_menu active_inner_menu">Startsida</span></span></a></li>
					<li><a href="#"><span style="padding:2px;display:block;"><span class="inner_menu">Turnering/Cup</span></span></a></li>
					<li><a href="#"><span style="padding:2px;display:block;"><span class="inner_menu">Lag</span></span></a></li>
					<li><a href="#"><span style="padding:2px;display:block;"><span class="inner_menu">Forum</span></span></a></li>
					<li><a href="#"><span style="padding:2px;display:block;"><span class="inner_menu">Bli medlem</span></span></a></li>
					<li><a href="#"><span style="padding:2px;display:block;"><span class="inner_menu">Om oss</span></span></a></li>
					<li><a href="#"><span style="padding:2px;display:block;"><span class="inner_menu">Kontakt</span></span></a></li>
					<li"><a href="#"><span style="padding:2px;display:block;"><span class="inner_menu">                 </span>här ska det inte synas något men denna li skall fyllas ut till höger så långt det bara går</span></a></li>
				</ul>

Den sista li har jag tönkt skall fylla ut resten av <ul>. Men jag får det inte att funka

Det kan du väl lösa med hjälp av Javascript (jQuery)?
http://api.jquery.com/width/

Typ:

ulWidth = $("ul").width();
liTotWidth = '';
$('ul li').each(function() {
    liTotWidth = (liTotWidth+$(this).width());
});

lastLiWidth = (ulWidth-liTotWidth);

$("ul li:last-child").css("width",lastLiWidth);