---
title: "nästlade horisontella listor"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/134324-nästlade-horisontella-listor"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "icaaq"
published: "2005-09-15T06:46:30.000Z"
updated: "2005-09-16T07:00:16.000Z"
replies: 2
views: 339
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/134324-nästlade-horisontella-listor"
---

# nästlade horisontella listor

## #1 — icaaq, 2005-09-15T06:46Z

Tjenare.
Om ni kollar in <http://member.webforum.nu/1029/nestedlist.htm> i IE så ser ni hur  jag vill ha det. Om ni sedan kollar i Opera 8 eller FF 1.5b så ser ni mitt problem. Jag vet att man kan lösa det med att sätta en fast width på ul li ul men i detta fall kan/vill jag inte göra det.

Finns det någon workaround för detta?

mv icaaq

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

## #2 — martin, 2005-09-16T05:36Z

Kom på det:

```
#nav ul ul{
position: absolute;
left: 0px;
top: 1.6em;
display:table;
}
#nav ul ul li{
display:table-cell;
float:none;
}
* html #nav ul ul li{
float:left;
}
```

Funkar i IE 6, FF 1.0.6 och Opera 8.02

/ m a r t i n

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

## #3 — icaaq, 2005-09-16T07:00Z

Tack det funkar säkert ;) men jag hade redan löst det med display: inline

```
#nav ul{
list-style: none;
}
#nav ul li{
display: inline;
position: relative;
border: 1px solid #999;
padding: 0px 5px;
}
/* Second level navigation
----------------------------------------------- */
#nav ul li ul{
position: absolute;
top: 20px;
}
```

mv icaaq

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/134324-nästlade-horisontella-listor