---
title: "Hur fördelar man en horisontell list-menu jämnt?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/168739-hur-fördelar-man-en-horisontell-list-menu-jämnt"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Danne V"
published: "2008-02-05T08:53:17.000Z"
updated: "2008-04-05T09:00:45.000Z"
replies: 6
views: 677
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/168739-hur-fördelar-man-en-horisontell-list-menu-jämnt"
---

# Hur fördelar man en horisontell list-menu jämnt?

## #1 — Danne V, 2008-02-05T08:53Z

Förr, på gamla goda tabell-tiden gick det ju lätt som en plätt. Men hur gör man med en lista och CSS?

Har en sajt sopm är 850px bred. Just nu ska en horisontell menu med 9 list-items in (kan bli allt från 6 till 13 senare). Men hur jag än bär mig åt så blir menyn antingen några pixlar för bred eller några pixlar för smal.

Alternativet är att ge varje \<li\> sin egen bredd och "fuska bort" eller "fuska till" någar pixlar här och där, eller? 

Kan man inte få list-taggarna att snällt dela upp en given totalbredd på \<ul\> mellan sig?

Permalänk: https://www.webforum.nu/p/168739

## #2 — dAEk, 2008-02-05T09:01Z

Du kan ange bredden för dina \<li\> i procent. Dock behöver du gå in och ändra i CSS:n så fort det tillkommer eller tas bort menyval.

IE har lite problem med avrundningen så du kan nog behöva trixa lite med decimaler o grejer för att det ska rulla där också.

Permalänk: https://www.webforum.nu/p/2077610

## #3 — Okkido, 2008-02-05T09:37Z

```
ul {
	width:850px;
	display:table;
	}

ul li {
	display:table-cell;
	}
```

  :f

Permalänk: https://www.webforum.nu/p/2077618

## #4 — dAEk, 2008-02-07T20:24Z

Relaterat:

> If you've ever wondered why your nicely-aligned navigation doesn't fill up the full contents of a container in these browsers, now you know why.

> The especially strange part, in all of this, is that there's really no right, or wrong, here. How this behavior is supposed to play out by the rendering engine isn't dictated by the CSS specification, having it be left up to the implementation to render as it sees fit.

Källa: <http://ejohn.org/blog/sub-pixel-problems-in-css/>

Permalänk: https://www.webforum.nu/p/2078266

## #5 — aXiz, 2008-04-05T07:15Z

Jag vet inte riktigt om jag borde fortsätta i den här tråden, men den var klart närmast det jag sökte så jag provar. 

Jag vill göra en horisontell lista, med 4 listalternativ (enbart text) som jag vill sätta på jämna mellanrum på 700px.

Går det inte att göra varje \<li\> till display:block på något sätt och få dessa att ha 175px var? Allt blir bara pannkaka när jag gör det, vore bussigt om någon kunde flika in. Har för mig att detta har funkat förut, men jag har lagt css-skillsen på hyllan för något år sedan tyvärr och försöker komma igång igen :)

Permalänk: https://www.webforum.nu/p/2095840

## #6 — Danne V, 2008-04-05T08:11Z

Gör \<a\> till display:block och 175px bredd - inte \<li\>.
Om du sen lägger till borders på sidorna, så glöm inte att reducera bredden motsvarande.
Varning för att IE6 kan behöva nån conditional comment om du försöker göra menyn pixel-perfekt.

Permalänk: https://www.webforum.nu/p/2095844

## #7 — aXiz, 2008-04-05T09:00Z

Ah! Givetvis, det var där skon klämde. Strålande med snabb hjälp! Tack så mycket!

Permalänk: https://www.webforum.nu/p/2095851

---

Tråden på webben: https://www.webforum.nu/amne/html-css/168739-hur-fördelar-man-en-horisontell-list-menu-jämnt