---
title: "cssproblem IE5.5 vs IE6"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/98025-cssproblem-ie5-5-vs-ie6"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Folkbitar"
published: "2004-02-23T11:19:34.000Z"
updated: "2004-02-23T23:08:52.000Z"
replies: 12
views: 462
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/98025-cssproblem-ie5-5-vs-ie6"
---

# cssproblem IE5.5 vs IE6

## #1 — Folkbitar, 2004-02-23T11:19Z

Jag skulle behöva lite hjälp med ett problem.
Efter att ha suttit och donat med min sida, kollat den i IE6, Firefox samt Opera 7.2, 
där allt funkar som det ska, slog jag ett öga på sidan genom IE5.5 och fick hicka.

Jag bifogar 2 bilder för att illustrera problemet:

[Dump IE5.5](http://member.webforum.nu/4940/dumpIE5.5.PNG) 
[Dump IE6](http://member.webforum.nu/4940/dumpIE6.PNG) 

samt den del av min css som ingår i just den här sidan:

[Css](http://member.webforum.nu/4940/css.txt)

Finns det någon som kan förklara för mej vad som är galet?

Och, om någon har ett bra länktips på någon css-referens på svenska, 
engelska sådana finns det ju gott om, vore jag tacksam.

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

## #2 — Palle, 2004-02-23T11:21Z

Vad använder du för [DOCTYPE](http://www.webforum.nu/showthread.php?s=&postid=650163#post650163)         på sidan i fråga?

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

## #3 — Folkbitar, 2004-02-23T11:22Z

> **Palle skrev:**
>
> Vad använder du för DOCTYPE på sidan i fråga?

Det glömde jag ju att skriva, sorry.

Här kommer den:

\<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"\>

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

## #4 — Palle, 2004-02-23T11:32Z

Hur ser den aktuella koden ut?

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

## #5 — Folkbitar, 2004-02-23T11:39Z

> **Palle skrev:**
>
> Hur ser den aktuella koden ut?

Det är ett gästboksscript, vill du verkligen ha hela den långa koden här?

Den ligger i en div som heter story_gbok som finns i min bifogade textfil.

r/
här finns själva koden som jag inkluderar i min huvudsida.
[kod](http://member.webforum.nu/4940/gbok.txt)

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

## #6 — Palle, 2004-02-23T11:47Z

Nja, det var ju mest den aktuella koden jag var intresserad av.. ;)

Den blå, undre rutan, är det bara den som inte stämmer överens?
Jag har svårt att se färgskillnaderna i min TFT-skärm.. :(

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

## #7 — Folkbitar, 2004-02-23T11:49Z

> **Palle skrev:**
>
> Nja, det var ju mest den aktuella koden jag var intresserad av.. ;)
> 
> Den blå, undre rutan, är det bara den som inte stämmer överens?
> Jag har svårt att se färgskillnaderna i min TFT-skärm.. :(

Ja, precis.
I IE5.5 är det som om det är en liten högermarginal på den undre blå rutan.
Så är det på andra sidor också.

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

## #8 — Folkbitar, 2004-02-23T11:58Z

Och här kommer en kod.
Var det här vad du eftersökte?

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Folkbitar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="inkl/folk.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="ram">
<div id="huvud"><img src="inkl/graf/logga.jpg" alt="folkbitar"></div>
<div id="meny"><!--#include file="meny.asp" --></div>

			<div id="smulor">Folkbitar - gästbok</div>
					<!--#include file="gbok.asp" -->

Här är filen med gästboken som ligger även den i en div
           
		   
<!--#include file="fot.asp" -->
</div>

</body>
</html>
```

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

## #9 — Palle, 2004-02-23T12:06Z

Det verkar som om IE5 läser koden i *quirks*\-mode, trots din doctype, och inte räknar med paddingen på div´en i dess längd.
Detta gör att den blåa, undre rutan, inte blir så lång som du vill att den ska bli.

Hur ter sig rutan i IE5 om du ex. kör med en *strict* doctype? ex. 

```
[red]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[/red]
```

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

## #10 — Folkbitar, 2004-02-23T12:12Z

> **Palle skrev:**
>
> (..) Hur ter sig rutan i IE5 om du ex. kör med en *strict* doctype? ex. 
>
> ```
> [red]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[/red]
> ```

Nej, tyvärr, beter sej på samma sätt  :(

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

## #11 — jarvklo, 2004-02-23T13:46Z

Hmm....

Vill bara flika in att MSIE5/Win (inkluderat MSIE5.5)  inte har mer än en mod - den vi kallar "[Quirks mode](http://www.webforum.nu/showthread.php?s=&postid=787126#post787126)".
Det är först från MSIE6 som "standards" mode börjar användas av Microsoft på Windows (MSIE5/Mac var annars först av alla med "doctype switching" - men det är en annan historia och en annan plattform det ;) ). 

Vill du att sidan skall se lika ut kan du antingen byta \<!DOCTYPE  till t.ex. 

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
```

 och sedan ändra dina paddings(som Palle beskriver ovan) - men detta ger "quirks mode" även i Mozilla m.fl.

... eller så kan du lägga in en "[villkorlig kommentar](http://www.webforum.nu/showthread.php?s=&postid=667854#post667854)" med en extra stilmall för MSIE5 som använder de modifierade värden som  krävs för att komma förbi skillnaderna i hantering av paddings och bredder mellan MSIE6 i Standards mode och MSIE5 - vilket bara åtgärdar problemet där det uppstår, dvs i MSIE5.x ;)

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

## #12 — Folkbitar, 2004-02-23T14:18Z

Nu börjar det klarna så sakteliga i min hjärna!  :) 

Tack Palle och jarvklo för tips!  :birp 

Ska sätta mej ner och börja pilla med det här.

Återkommer om det fortsätter att trilskas,
dvs, om jag krånglar till det och gör helt galet  :r

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

## #13 — jarvklo, 2004-02-23T23:08Z

Mer info att grunna på ;)

[Här är en länk till en färsk artikel](http://annevankesteren.nl/archives/2004/02/box-model) som beskriver MSIE:s "Box model" och hur man kan koda förbi de "box-model-relaterade" problem som lätt uppkommer när man vill vara bakåtkompatibel ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/98025-cssproblem-ie5-5-vs-ie6
