[CSS/HTML] Div verdelen volgens bepaalde tekst

[Sven_Vdb]

Ik zit met het volgende probleem.
Ik heb een "navigatiewrapper" ( http://prntscr.com/27j2q ).

In die wrapper bevinden zich 4 zone's.

• Navigatie
• Taal switcher
• Stijl switcher
• Zoekbox

Ik geef de 4 zone's een vaste breedte. Maar in de eerste zone heb
Ik een menu zoals hieronder weergegeven.

HTML:

<ul id="mainMenu">
  <li class="level1">
    <ul> 
       ... Subitems ...
    </ul>
    <a>Actueel</a>
  </li>
  <li class="level1">
    <ul> 
       ... Subitems ...
    </ul>
    <a>Informatie</a>
  </li>
  <li class="level1">
    <ul> 
       ... Subitems ...
    </ul>
    <a>Pers</a>
  </li>
  <li class="level1">
    <ul> 
       ... Subitems ...
    </ul>
    <a>Huis van de Kerstman</a>
  </li>
</ul>

Je ziet de items Actueel / Informatie / Pers / Huis van de Kerstman.
Deze moeten verdeeld worden over de volledige breedte van die div ( 600px ).

De lijn tussen elk item is gewoon een image die als border ingesteld wordt op de level1 class.
Door gewoon een margin/padding of iets dergelijks mee te geven. Krijg je de volledige breedte niet verdeelt.
Maar enkel maar een gedeelte.

Ik heb gelezen dat dit te doen is in CSS3. Maar dit heeft niet iedereen tot zijn beschikking.
Hoe kan ik dit toch oplossen in eerdere versie's van CSS.
Ik zie niet direct een optie, hoe dit opgelost kan worden.

[R4gnax]

Staat het aantal items vast? Dan kun je natuurlijk gewoon een vaste (al dan niet procentuele) breedte voor elk item instellen, waarmee je opgeteld precies op 600px uitkomt.

[Sven_Vdb]

R4gnax schreef op zondag 31 juli 2011 @ 20:19:
Staat het aantal items vast? Dan kun je natuurlijk gewoon een vaste (al dan niet procentuele) breedte voor elk item instellen, waarmee je opgeteld precies op 600px uitkomt.

Normaal blijven dit altijd evenveel items. Kan eventueel wijzigen in een cms.
Lengte van de woorden kan langer/korter worden. ( hangt af van de taal )