---
title: "CSS Display:Table alternativ för IE"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/165153-css-display-table-alternativ-för-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "hannadredd"
published: "2007-10-04T08:27:02.000Z"
updated: "2007-10-05T12:42:42.000Z"
replies: 7
views: 679
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/165153-css-display-table-alternativ-för-ie"
---

# CSS Display:Table alternativ för IE

## #1 — hannadredd, 2007-10-04T08:27Z

Jag har problem med att få en div tagg att scrolla i IE, i firefox funkar det fint men eftersom IE inte stödjer display:table & display:table-cell så vet jag inte hur jag skall gå tillväga.

Jag vill att \<div class="box"\> skall komma efter varandra & när utrymmet i diven tar slut så skall man scrolla i sidled.

\<html\>
\<head\>
\<style type="text/css"\>
\#box
{
	overflow:auto;
	position:relative;
	display:block;
	width:400px;
}
\#boxes
{
	background-color:red;
	position:relative;
	width:100%;
	/\*\* FF \*\*/
	display:table;

}
\#boxes .box
{
	background-color:white;
	width:100px;
	border:1px solid black;	
	/\*\* FF \*\*/
	display:table-cell;
	
}
\</style\>
\</head\>
\<body\>

\<div id="box"\>
	\<div id="boxes"\>
		\<div class="box"\>xxxxxxxxxxxxx\</div\>
		\<div class="box"\>xxxxxxxxxxxxx\</div\>
		\<div class="box"\>xxxxxxxxxxxxx\</div\>
		\<div class="box"\>xxxxxxxxxxxxxx\</div\>
		\<div class="box"\>xxxxxxxxxxxxxxx\</div\>
	\</div\>

\</div\>

\</body\>
\</html\>

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

## #2 — zcorpan, 2007-10-04T11:00Z

Lägg till 

```
#boxes .box { display:inline }
```

 före "#boxes .box"-raden.

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

## #3 — hannadredd, 2007-10-05T07:02Z

Det verkar tyvärr inte fungera, boxarna trillar ner på nya rad när utrymmet tar slut, där vill jag få en horisontell scroll.

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

## #4 — tanten, 2007-10-05T09:06Z

Är det så att du kan tänka dig en helt annan lösning eller är det just ditt förslag som du vill ska fungera?

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

## #5 — tanten, 2007-10-05T11:32Z

Pillade lite och tror jag lyckades få in dina divvar nu. 

```
#box{margin:0; padding:0; height:45px; overflow:auto; color:#000;  
overflow:auto;
width:400px;}
#boxes{display:table;background-color:red;
margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#boxes .box{
display:table-cell; padding:0 15px; margin:0;
background-color:white;
width:100px;
border:1px solid black;}
</style>
<!--[if lte IE 7]>
<style>
#box {width:400px;}
#boxes .box {display:inline; zoom:1; height:20px;}
* html #boxes {height:20px;}
</style>
<![endif]-->
```

Tycker du har så mycket div:s. Därför jag frågade i mitt förra inlägg.

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

## #6 — hannadredd, 2007-10-05T12:29Z

Jag kan tänka mig vilken lösning som helst, bara den kan ta x-antal boxar i ett specikfikt utrymme & göra så att man scrollar i sidled när utrymmet inte räcker till.
Anledning till alla div-taggarna är att i slutändan kommer strukturen se ut ungefär på detta vis på den riktiga sidan som gäller, kanske inte kommer att vara just div-taggar men principen är densamma.

Ska genast testa lösningen & se om den hjälper mig.
Tack för hjälpen så länge

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

## #7 — hannadredd, 2007-10-05T12:33Z

Ja den hjälpte!!

Tack så mycket för hjälpen Tanten, när sidan kommer i drift så kan du få se det live :-)

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

## #8 — tanten, 2007-10-05T12:42Z

Ser jag fram emot. (y) 
Göm nu inte att markera tråden som löst  :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/165153-css-display-table-alternativ-för-ie