---
title: "Problem med CSS och IE 6.0"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/172144-problem-med-css-och-ie-6-0"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "saw"
published: "2008-06-12T08:06:09.000Z"
updated: "2008-06-17T16:03:48.000Z"
replies: 14
views: 1047
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/172144-problem-med-css-och-ie-6-0"
---

# Problem med CSS och IE 6.0

## #1 — saw, 2008-06-12T08:06Z

Jag vet att jag har frågat här tidigera, jag har sökt med ljus och lyckta men inte funnit någon lösning så nu hoppas jag att någon här kan hjälpa mig. Jag 
har kollat min website via <https://browsershots.org> och enligt den så har jag 
problem med IE 6.0, siten blir helt hoptryckt, alltså  jag får ingen höjd... 

```
body 
{
 background-color:#666666;
 FONT: 11px/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 0px; 
 PADDING-BOTTOM: 0px; 
 MARGIN: 0px 0px 20px; 
 PADDING-TOP: 0px;     
}
#logga
{
 position:absolute;
 top:5px;
 left:0%;
 width:850px;
}
#bottom
{
 /*clear:both;*/
 position: absolute;
 bottom:0px;
 left:0%;
 width:850px;
}
#content
{
 position:absolute;
 left:0%;
 top:29%;
 width:850px;
 height:65%;
 background-color: White;
}
```

 

Sen använder jag det så här.. 

```
<form id="form1" runat="server">
    <div style="position:absolute; left:70px; top:0px; width:450px; height:600px;">
        <div id="logga" style="z-index: 100">
        Detta skall vara loggan
        </div>
        <div id="content">
            <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
            
            </asp:ContentPlaceHolder>
        </div>
        <div id="bottom">
        Detta skall då vara footen
        </div>
    </div>
    </form>
```

 

.. finns det någon som sitter inne med en lösning på detta problemet så är jag väldigt tacksam.

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

## #2 — rhdf, 2008-06-12T18:25Z

varför positionerar du allting absolut ?
Jag ser inget i det där  upplägget av html som kräver att det positioneras absolut.

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

## #3 — saw, 2008-06-13T06:02Z

rhdf
Jag skulle nog ha förklarat lite tydligare.
Jag byggde upp <https://www.mkef.se> åt en kund, allt såg perfekt ut i iE 7.0 men när jag kollade via <https://browsershots.org> så upptäckte jag problemen med iE 6.0.
Det som jag visar är kontentan av var problemen finns. Den ligger i en MasterPage.
Jag vet att jag skulle kunna lösa det med frames eller kanske med tables, men jag 
ville dra nytta av masterpages och css.

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

## #4 — voigtann1, 2008-06-13T06:39Z

Som rhdf skriver: Absolute positionering är i mitt tycke inget sätt att göra en design på.
Din källkod är lite konstigt med: Du har en hel del radbrytningar innan du skriver ut din Doctype. Fixa detta först. Sidan ser konstig ut om du kör lite lägre upplösning med.

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

## #5 — saw, 2008-06-13T09:47Z

Tack för svaren. JAg måste erkänna att jag vet inte vad skillnaden är mellan absolute och relative position är..
**voigtann1:Du har en hel del radbrytningar innan du skriver ut din Doctype**
Var någonstans menar du? Jag ser inga radbrytningar?

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

## #6 — DanneSt, 2008-06-13T12:18Z

> **saw skrev:**
>
> **voigtann1:Du har en hel del radbrytningar innan du skriver ut din Doctype**
> Var någonstans menar du? Jag ser inga radbrytningar?

Kolla din källkod, du har flera tomma rader innan din första kod (doctypen) kommer.

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

## #7 — voigtann1, 2008-06-13T12:25Z

> **saw skrev:**
>
> Tack för svaren. JAg måste erkänna att jag vet inte vad skillnaden är mellan absolute och relative position är..
> **voigtann1:Du har en hel del radbrytningar innan du skriver ut din Doctype**
> Var någonstans menar du? Jag ser inga radbrytningar?

```

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

När det skall vara:

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

Absolute och relative är en rätt klar skillnad. Absolute ta hela elementet och placera där du säger att den skall placera sig med top,left,right,bottom. Medans Relative gör detsamma men den behåller "ytan" från sin orginal storlek. Men som din grund design ser ut så känns det som du inte behöver använda dig av någon av dom.

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

## #8 — saw, 2008-06-13T12:28Z

Nu menar ni väll på mkef.se?
Jag vet att jag måste göra om mycket där, och det är därför som jag har gjort denna
lilla test-sida för att upptäcka problemen. Den ligger på 
<http://www.utvekling.saw.se/Default.aspx>

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

## #9 — voigtann1, 2008-06-13T12:34Z

> Nu menar ni väll på mkef.se?

Ja? Utan en doctype som IE MÅSTE vara på rad 1 så kommer den tolka CSS helt annolunda än det du vill att den skall göra. Och relative saken gör du bara för att du vill ha 7% luft till vänster? Då hade jag hellre använt mig av Margin-left än position.

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

## #10 — rhdf, 2008-06-13T15:35Z

jag kollade lite snabbt på en av mina sidor (också asp.net)
och även där finns ett par radbrytningar innen doctype, måste mao vara så att .net inte "strippar" bort det som står överst i master-filen (\<%@ Master Language="VB" CodeFile="master.master.vb" Inherits="master" %\>) och dessutom då lägger till en extra rad, går ju dock enkelt att lösa genom att man helt enkelt flyttar upp doctypen överst i källkoden

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

## #11 — saw, 2008-06-13T16:52Z

Nu låter jag väll för dj-g men exact vad är **doctypen**?

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

## #12 — Palle, 2008-06-13T18:40Z

> **voigtann1 skrev:**
>
> ... som IE MÅSTE vara på rad 1 så kommer den tolka CSS helt annolunda än det du vill att den skall göra.

Eh.. va? Vad baserar du det svaret på? Källa?

En sida som är gjord för att renderas i **standards compliance mode** kommer inte att renderas i **quirks mode** (eller någon annat mode) bara för att doctype´en inte ligger på rad 1 så länge som doctype´n är den första taggen i dokumentet.

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

## #13 — Palle, 2008-06-13T18:43Z

> **saw skrev:**
>
> Nu låter jag väll för dj-g men exact vad är **doctypen**?

För att få din webbsida att, mer eller mindre, se likadan ut i IE6 och nyare läsare måste webbläsaren rendera sidan i **standards compliance mode**, för att göra detta måste du använda en **Strict** doctype.
[Här kan du läsa mer om doctype](http://www.alistapart.com/articles/doctype/). :)

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

## #14 — tanten, 2008-06-16T10:14Z

Jag har tittat lite på din sida och funderar på vilka den riktar sig till. Inte bara företag, utan också till människor med allehanda handikapp, så jag kan inte göra annat än råda dig att försöka fixa till sidan så den fungerar för alla, inte bara utseendemässigt där den inte heller fungerar i Firefox. Bara bitvis. 
Nu är jag sjuk och tänker kanske inte helt klart, men påbörjade ett förslag på en sida utan position. Det finns kanske andra och bättre lösningar... men nu orkar jag inte mer :-)
Jag brydde mig inte alls om dina menyer men gjorde plats åt dem. Sedan slog jag ihop Storstädning och Barnpassning till ett, bara för att visa hur du kan göra dem utan table-design. Det är bara att dela på dem sedan.
<http://member.webforum.nu/9656/mkef.html>
Och denna sida tipsar jag dig om för att kolla "tillgängligheten", där jag kollade sidan
<http://www.tawdis.net/taw3/online?url=http%3A%2F%2Fmember.webforum.nu%2F9656%2Fmkef.html&idioma=sv-SE>
där du kan se att den nu har tre 0:or uppe i högra hörnet.

Lycka till   :)

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

## #15 — saw, 2008-06-17T16:03Z

Hej och tack alla ni som har försökt att hjälpa mig. Det verkar som om jag har fått
det att fungerar men jag håller tråden öppen ifall jag råkar ut för kris.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/172144-problem-med-css-och-ie-6-0