---
title: "Listor bredvid varandra"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/154334-listor-bredvid-varandra"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Web-Tor"
published: "2006-11-29T11:54:57.000Z"
updated: "2006-12-15T17:16:31.000Z"
replies: 10
views: 795
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/154334-listor-bredvid-varandra"
---

# Listor bredvid varandra

## #1 — Web-Tor, 2006-11-29T11:54Z

Jag arbetar med att bygga om vissa delar av en sida men har stött på ett problem [i det här kraftigt förenklade exemplet](http://member.webforum.nu/1123/tab_test_2.html).

1\. Om man förminskar fönstret så hamnar de två info-texterna under varandra vilket är bra **men** jag vill att tabbarna ska ligga kvar i nederkant.

2\. Hur mycket man än förminskar fönstret ska inte info-texterna kunna hamn under tabbarna.

Det räcker med att det funkar i IE.

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

## #2 — jarvklo, 2006-11-29T12:49Z

Hmm....

Jag vet att det här förslaget kanske känns lite gammalmodigt, men om du ändå behöver klämma in hela klabbet i en tabell, kan du väl bygga flikarna och info-texten med en egen nästlad tabell istället för en "float-float-clear"-lösning inuti en tabellcell som du har i exemplet? ;)

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

## #3 — Okkido, 2006-11-29T14:14Z

Om det är okej att ändra strukturen i html:en så borde det väl funka att lägga info innan tabs. Sen float right på info och float left på tabs?

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

## #4 — Web-Tor, 2006-11-30T08:17Z

Jo, jag är inte helt nöjd med blandningen av tabeller och divar men det är tyvärr inte jag som byggt systemet från början… Jag skulle gärna vilja ha alla navigering i listor.

Lägger jag float:right så blir ju infon högerjusterad och jag vill gärna ha den bredvid tabbarna men så att dom inte kan hamna under.

I cellen där navigeringen ligger är det i princip okey att flytta om koden hur som helst.

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

## #5 — Sasch, 2006-11-30T09:59Z

För att listnavigeringen inte ska lägga sig över varandra måste dessa ligga i en div som har en fast bredd alternativt att du ger din ul en fast bredd.

//R; Läste inte ordentligt:

```
#body {
text-align:center;
}

#content [
margin: 0 auto;
text-align: left;
width: 50%; 
}

#primary-content {
width: 100%;
}

#tabs, #info, #primary-content {
float: left;
}

<div id="container">

<div id="content">
     <div id="tabs"><ul><li></li></ul></div>
     <div id="info"></div>

    <div id="primary-content"></div>
</div>

</div>
```

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

## #6 — Web-Tor, 2006-11-30T10:02Z

Är du säker? Någon fast bredd kan jag inte lägga in eftersom innehållet på sidan kan variera beroende på språkval, rättigheter m.m.

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

## #7 — Sasch, 2006-11-30T10:06Z

Kolla posten innan ditt svar :)

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

## #8 — Web-Tor, 2006-11-30T10:20Z

Tack för ditt svar, men jag kan inte se att din kod löser något av mina problem. :q

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

## #9 — Sasch, 2006-11-30T10:27Z

Om du har strukturen kommer allt inom container-diven dels alltid ligga i mitten, kommer floata som de ska samt att de kommer separera tabeller och topnavigering (och infon).

Sätter du "white-space: nowrap;" på content-divven så kommer du nog få problemet löst ;)

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

## #10 — Web-Tor, 2006-12-15T12:55Z

Detta verkar inte gå att lösa med listor och CSS så då får det väl bli en ful tabellösning i alla fall. :l

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

## #11 — Fuel, 2006-12-15T17:16Z

...

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/154334-listor-bredvid-varandra