---
title: "problem med horisontell meny"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/126085-problem-med-horisontell-meny"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "dr_damir"
published: "2005-04-09T20:43:47.000Z"
updated: "2005-04-09T21:46:21.000Z"
replies: 4
views: 333
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/126085-problem-med-horisontell-meny"
---

# problem med horisontell meny

## #1 — dr_damir, 2005-04-09T20:43Z

Hej!
Jag har skrivit min css och html för en horisontell meny som följer nedan. I Firefox ser det bra ut men i IE bryter menyn rad efter 10 "menyposter". Någon som vet varför eller hur man fixar detta? är det ett problem som bara finns för IE?

Tack för all hjälp!

CSS-Koden:

\#alfa{
        position: absolute;
        background: transparent;
        width: 800px;
        left: 0px;
        top: 100px;
        text-align: left;
        text-transform: lowercase;
        line-height:14px;
        font-weight: bold;
        z-index: 1;
        font-size: 12px;

}

\#alfanavlist
{
margin: 0;
padding: 0px 0px 19px 10px;
border-bottom: 1px solid #000;
}

\#alfanavlist ul, #alfanavlist li
{
margin: 0px 8px 0px 8px;
padding: 0;
display: inline;
list-style-type: none;
}

\#alfanavlist a:link, #alfanavlist a:visited
{

float: left;
line-height: 14px;
font-weight: bold;
padding: 0 4px 0px 4px;
margin: 0 3px 4px 3px;
text-decoration: none;
color: #999;
padding-bottom: 2px;
background: transparent;
}

HTML-Koden:

\<div id=\\"alfa\\"\>
\<ul id=\\"alfanavlist\\"\>
\<li\>\<a href=""\>#\</a\>\</li\>
\<li\>\<a href=""\>a\</a\>\</li\>
\<li\>\<a href=""\>b\</a\>\</li\>
\<li\>\<a href=""\>c\</a\>\</li\>
\<li\>\<a href=""\>d\</a\>\</li\>
\<li\>\<a href=""\>e\</a\>\</li\>
\<li\>\<a href=""\>f\</a\>\</li\>
\<li\>\<a href=""\>g\</a\>\</li\>
\<li\>\<a href=""\>h\</a\>\</li\>
\<li\>\<a href=""\>i\</a\>\</li\>
\<li\>\<a href=""\>j\</a\>\</li\>
\<li\>\<a href=""\>k\</a\>\</li\>
\<li\>\<a href=""\>l\</a\>\</li\>
\<li\>\<a href=""\>m\</a\>\</li\>
\<li\>\<a href=""\>n\</a\>\</li\>
\<li\>\<a href=""\>o\</a\>\</li\>
\<li\>\<a href=""\>p\</a\>\</li\>
\<li\>\<a href=""\>q\</a\>\</li\>
\<li\>\<a href=""\>r\</a\>\</li\>
\<li\>\<a href=""\>s\</a\>\</li\>
\<li\>\<a href=""\>t\</a\>\</li\>
\<li\>\<a href=""\>u\</a\>\</li\>
\<li\>\<a href=""\>v\</a\>\</li\>
\<li\>\<a href=""\>w\</a\>\</li\>
\<li\>\<a href=""\>x\</a\>\</li\>
\<li\>\<a href=""\>y\</a\>\</li\>
\<li\>\<a href=""\>z\</a\>\</li\>
\<li\>\<a href=""\>å\</a\>\</li\>
\<li\>\<a href=""\>ä\</a\>\</li\>
\<li\>\<a href=""\>ö\</a\>\</li\>
\</ul\>
\</div\>

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

## #2 — Fuel, 2005-04-09T20:54Z

????? var det all kod ??

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

## #3 — dr_damir, 2005-04-09T21:25Z

Ja, detta är all kod för menyn. Tyker du det borde vara något annat?

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

## #4 — Fuel, 2005-04-09T21:37Z

en rak rad här i både FF & IE

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

## #5 — Guffa, 2005-04-09T21:46Z

Det ser ut att vara väl mycket kod för så lite. Margin och padding i flera nivåer, det är nog en del av orsaken. Den beter sig mycket konstigt i Internet Explorer, bryter raden på ett ologiskt ställe och ritar ut menyn flera gånger innan den kan bestämma sig för hur den ska se ut. Visserligen är den webbläsaren inte den stabilaste, men det tyder ändå på att koden är komplicerat uppbyggd.

Rensa upp lite i koden, och försök minimera antalet inställningar. Du har till exempel angett padding-bottom både separat och i padding i den sista inställningen i din css.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/126085-problem-med-horisontell-meny