---
title: "IE och <ol>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/165027-ie-och-ol"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "tanten"
published: "2007-09-30T16:47:27.000Z"
updated: "2007-10-01T15:42:33.000Z"
replies: 15
views: 732
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/165027-ie-och-ol"
---

# IE och <ol>

## #1 — tanten, 2007-09-30T16:47Z

Nu står det still... Hur sjutton får man IE6 att visa vilken "type" man vill ha på listan och inte behöva ha listan centrerad? Nu vill jag ha en helt vanlig numrerad lista, dvs. default. Nu är raderna olika långa att det ser väldans tråkigt ut med centrerat. Det hjälper inte med \<ol type="1"\> Finns det något knep för IE6?

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

## #2 — bossse, 2007-09-30T18:00Z

Visa koden så ska vi nog fixa detta!
J-la svårt annars!

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

## #3 — doggelito, 2007-09-30T18:26Z

Du har garanterat *text-align:center;* någonstans ovanför i koden. :)
Lägg till *text-align:left;* i din ol.

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

## #4 — tanten, 2007-09-30T18:44Z

Ok tog ut det väsentliga och kommenterade lite i stylen. Tänkte inte så långt  att det kunde förstås på flera sätt
 Vill någon testa så spelar det ingen roll vad för doctype ni använder. Jag har testat med alla doctyper och det blir lika dant med alla i IE6 så jag tar bara med detta.

```
<style type="text/css">
<!--
ol{width: 200px;/*utan width så fungerar listan, men den behövs*/	}
* html li{text-align: center; /*föt att ie ska visa allt*/}
li{text-align: left; /*blir rätt i FF*/}
-->
</style>
</head>
<body>
<ol type="A">
<li>Tog bokstäver nu</li>
<li>för att visa type.</li>
<li>Behövs inte skriva någon type för nr.</li>
<li>slut</li>
</ol>
</body>
</html>
```

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

## #5 — tanten, 2007-09-30T18:46Z

> **doggelito skrev:**
>
> Du har garanterat *text-align:center;* någonstans ovanför i koden. :)
> Lägg till *text-align:left;* i din ol.

Har testat det också men då försvinner boksavsordningen också :(

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

## #6 — doggelito, 2007-09-30T18:53Z

Det blir lite tok när du sätter width på ol:en, lägg till en div runt om istället så fixar det sig! :)

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<style type="text/css">
<!--
#container {width: 200px;} 
li{text-align: left;}
-->
</style>
</head>
<body>
<div id="container">
    <ol type="A">
	    <li>Tog bokstäver nu</li>
	    <li>för att visa type.</li>
	    <li>Behövs inte skriva någon type för nr.</li>
	    <li>slut</li>
    </ol>
</div>
</body>
</html>
```

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

## #7 — tanten, 2007-09-30T19:01Z

Tack så mycket...  :birp  Blev fast i oltänket jag   ;)

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

## #8 — doggelito, 2007-09-30T19:04Z

Du borde typ kunna göra som du tänkte om inte var för att Explorer inte fick vara med å leka med de andra webbläsarna när de var små utan gick sin egen väg och beter sig lite underligt åt ibland nu som vuxen! ;)

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

## #9 — tanten, 2007-10-01T11:41Z

En fråga till... Inte så viktig men om man petar in \*{margin: 0px;} i ditt förslag så försvinner bokstäverna igen. 
Om man inte använder 0:ningen men sätter en bakgrundsfärg på \<ol\> så hamnar  bokstäverna utanför färgen.
Fortfarande bara IE.
Jag förstår inte logiken, och mycket går inte att använda på samma sätt som en ul-lista. Någon som kan förklara vad en ol-listas type egentligen är...  :q

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

## #10 — doggelito, 2007-10-01T11:47Z

Det är tyvärr inte så lätt att förstå hur IE är uppbyggd!  :OO 
Men man brukar kunna använda *margin-left* på *li*\-elementet för att få in bokstäverna/siffrorna från vänsterkanten.

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

## #11 — tanten, 2007-10-01T12:33Z

Det gick med att använda olika marginaler för IE och låta bli det för de andra i li. Men så kommer en ny upptäckt.
\<ol type=""\> validerar inte strict. Så det är tydligen bara nummer som validerar. 
Är det meningen att sådana här listor ska försvinna i framtiden? Eller är de bara bortglömda?

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

## #12 — spango, 2007-10-01T12:45Z

Skippa type och använd CSS.
<http://www.w3schools.com/css/pr_list-style-type.asp>

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

## #13 — tanten, 2007-10-01T13:16Z

Det här är ett experiment med en ol-lista och jag försöker hitta fördelarna/nackdelarna med att kanske använda den ibland så...  :OO  
Den är ju himla praktisk att ha till sådant som vetenskapliga verk och liknande. och det behövs väldigt lite css till den om det vill fungera.
Men men... 
Ska ol-listan försvinna från webben så småningom eftersom det är som det är med valideringen?

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

## #14 — spango, 2007-10-01T13:44Z

Nej, det är bara type som är borttaget, precis som så mycket annat som har med presentation att göra. Eftersom funktionaliteten med list-style-type finns i CSS togs type-attributet bort, typ som bgcolor togs bort från \<body\> och diverse andra element då man kan använda background i CSS istället.

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

## #15 — tanten, 2007-10-01T14:29Z

OK  då förstår jag... tror jag... 
Tack så jättemycket för alla svar!!!
Ska experimentera vidare ...

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

## #16 — tanten, 2007-10-01T15:42Z

Nu slutar jag med detta experiment...
Här är koden om någon vill se hur jag gjorde för att slippa koda för IE

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv"> 
<head>
<title>ol-lista</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*ol{background:#f5f5dc;}funkar inte i ie annat än med margin, blir inte bra omman har en inre lista*/
ol.alpha{list-style-type:lower-alpha;}
ol.decimal{list-style-type:decimal;}
#container{width:20em; margin: 2em auto; background:#f5f5dc;}
</style>
</head>
<body>
<div id="container">
    <ol class="decimal">
	    <li>En radda rader
		  <ol class="alpha">
	      <li>Tog nu bort type</li>
	      <li>och använder class i stället.</li>
	          </ol>
	    </li>
	    <li>för att se hur det blir.</li>
	    <li>Nu slutar jag...</li>
	    <li>slut</li>
    </ol>
</div>
</body>
</html>
```

Men det fungerar med siffror utan class också om man bara skriver \<ol\>

Tack igen!!

*glömde säga att det fortfarande inte går att använda \*{margin:0px;padding:0px;}*

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/165027-ie-och-ol
