---
title: "FF och IE6 visar sidan på olika sätt"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/127383-ff-och-ie6-visar-sidan-på-olika-sätt"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "jme"
published: "2005-04-30T09:52:41.000Z"
updated: "2005-04-30T15:06:36.000Z"
replies: 4
views: 276
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/127383-ff-och-ie6-visar-sidan-på-olika-sätt"
---

# FF och IE6 visar sidan på olika sätt

## #1 — jme, 2005-04-30T09:52Z

Hej!

Jag har en irriterande problem som ni kan åskåda på:

<http://84.230.102.148/ver2>

IE6 visar rätt medan med FF så blir det fel.

Testa själv så vet ni bäst vad jag menar.

Växla mellan länkarna "Tiimi" och "Portfolio".

Ni ser att med FF så ritas bensinautomaten lite för mycket åt vänster. 

Jag inkluderar de delarna ur html- och css-filen som är väsentliga.

index.html:

\<div class="main"\>\<img name="alkusivu" src="index.jpg" width="792" height="594" border="0" usemap="#m_alkusivu" alt="" /\>\</div\>

\<div id="layer1"\>\</div\>

tyyli.css:

```php
body
{
	background: red;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
}

.main
{
	position: relative;
	width: 792px;
	height: 594px;
	margin-left: auto;
	margin-right: auto;
}

#layer1
{
	float: left;
	z-index: 99;
	position: absolute;
	visibility: hidden;
	background: url('tiimi_crop.jpg');
	background-repeat: no-repeat;
	width: 456px;
	height: 594px;
	top: 20px;
	left: 444px;
}
```

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

## #2 — Troxy, 2005-04-30T14:07Z

Vilken version av Firefox använder du? För mig ser hemsidan likadan ut i både Firefox 1.0.3, Opera 8 och Internet Explorer 6.

Cool design förresten.

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

## #3 — jme, 2005-04-30T14:17Z

Oj! Glömde att markera tråden som avslutad. Hittade själv lösningen.

Tack, fast det är inte jag som gjort layouten. Jag har bara fått i uppgift att skapa själv html-koden.

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

## #4 — Josef, 2005-04-30T14:44Z

Precis som i vanlig ordning postar man även lösningen, även om man kom på dig själv.

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

## #5 — jme, 2005-04-30T15:06Z

Här är förändringarna jag har gjort:

\<div class="main"\>\<img name="alkusivu" src="index.jpg" width="792" height="594" border="0" usemap="#m_alkusivu" alt="" /\>

\<div id="layer1"\>\</div\>

\</div\>

```php

.main #layer1
{
	float: right;
	z-index: 99;
	position: absolute;
	visibility: hidden;
	/* background: url('tiimi_crop.jpg');
	background-repeat: no-repeat;
	width: 456px;
	height: 594px; */
	top: 0;
	right: 0;
}
```

Dvs jag flyttade div med id layer1 inuti \<div class="main"\>
Själva lösningen ligger nog i:

float: right;
right: 0;

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/127383-ff-och-ie6-visar-sidan-på-olika-sätt