---
title: "DIV med horisontell scroll??"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/169757-div-med-horisontell-scroll"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "learn"
published: "2008-03-09T22:39:06.000Z"
updated: "2008-03-10T14:32:53.000Z"
replies: 5
views: 702
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/169757-div-med-horisontell-scroll"
---

# DIV med horisontell scroll??

## #1 — learn, 2008-03-09T22:39Z

Hur gör jag för att få en DIV att scrollas horisontellt istället för vertikalt?

DIV:en i fråga har en bestämd bredd och höjd och dess innehåll skall alltså fortsätta åt sidan istället för nedåt...

Hur göra? Ge mig gärna en exempelkod. Tack!

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

## #2 — olarsson, 2008-03-09T23:28Z

overflow-x: auto;

overflow-x är ickestandard. Men fungerar i IE5+ och FF.

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

## #3 — Troxy, 2008-03-10T00:15Z

> **olarsson skrev:**
>
> overflow-x är ickestandard. Men fungerar i IE5+ och FF.

overflow-x respektive overflow-y ingår i CSS3 och kan med gott samvete användas.
Nu för tiden kan stödet anses vara fulländat då även Opera och Safari stödjer dessa egenskaper.

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

## #4 — learn, 2008-03-10T10:12Z

Arghh, får det inte att funka...!   x( 

Så här ser koden ut nu:

```
<style type="text/css">

body
{
background-color:#000;
}

div#ruta 
{ 
padding:30px;
}

div#bilder 
{
padding:10px;
width:400px;
height:200px; 
background-color:#FFF;
overflow-x:scroll;
}

div.bild {
float:left;
margin-right:20px;
}

</style>
```

```

<div id="ruta">

    <div id="bilder">
    
        <div class="bild">
        <p><img src="bild1.jpg" /></p>
        <p>Bla bla bla bla</p>
        </div>
        
        <div class="bild">
        <p><img src="bild2.jpg" /></p>
        <p>Bla bla bla bla</p>
        </div>
        
        <div class="bild">
        <p><img src="bild3.jpg" /></p>
        <p>Bla bla bla bla</p>
        </div>
    
    </div>

</div>
```

Jag vill alltså att bilderna och dess text ska hamna bredvid varandra och att DIV:en sedan skall scrollas horisontellt. Nu med denna kod hamnar de under varandra med en vertikal scroll. Fel, fel, fel!

Vad gör jag för fel??

Bilagor:

- [Untitled-2.jpg](https://www.webforum.nu/a/17376.jpg)

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

## #5 — learn, 2008-03-10T13:19Z

Ingen som vet hur man gör detta?

Jag vet att jag sett det på andra sajter förut...

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

## #6 — westman, 2008-03-10T14:32Z

Jag har nyligen gjort samma sak. Löste problemet med att lägga en extra bred DIV inuti den mindre "scroll-diven" (i ditt fall #bilder).

Se själv: [www.luthagenvåning.se](http://www.luthagenvaning.se)

Efterlyser en bättre lösning.   :q

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/169757-div-med-horisontell-scroll