---
title: "Problem med position i olika webläsare"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/182832-problem-med-position-i-olika-webläsare"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Boye"
published: "2010-03-16T18:17:18.000Z"
updated: "2010-03-17T16:26:18.000Z"
replies: 10
views: 909
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/182832-problem-med-position-i-olika-webläsare"
---

# Problem med position i olika webläsare

## #1 — Boye, 2010-03-16T18:17Z

Hej!

Jag har problem med att en "ruta" placeras på ett ställe i IE och på ett annat ställe i alla andra webläsare. Rutan finns här: <http://www.arielfyra.se/blogg/>
Rutan är den som alla sponsorer ligger i. Om ni tittar i IE så ser ni att den ligger på rätt ställe medan i andra webbläsare så hamnar den helt fel (mitt bland texten).

Koden för rutan ser ut så här:
 

```
<style type="text/css">	
	#sidekick {

padding:10px;

height: 475px;
			
margin-left:305px;

position: absolute;

top: 125px;

		}

	</style>

	<div id="sidekick" >

    
 <div style="text-align:left"><a href="../../sponsorer.html"><font face="Arial" size="3"><b>Sponsorer </b></font></a></div> <br/>
<a href="../../sponsorer.html#elvstrom"> <img src="../../images/elvstrom.gif"   border="0"  style="margin-bottom:28px;margin-top:15px;" > </a> <br/><a href="../../sponsorer.html#kapell"> <img src="../../images/kapell_annat2.gif"   border="0" style="margin-bottom:9px;margin-top:4px;" >
<br/> <br/>
	<a href="../../sponsorer.html#woolpower"> <img src="../../images/woolpower2.gif"   border="0"  style="margin-bottom:30px;margin-top:8px;" > </a>  </a> 
	

	</div>
```

Eftersom bloggen bygger på wordpress så ligger därmed koderna i olika "fack" eller hur man sak säga, dvs teman bygger på olika php-filer typ. Den här koden ligger i footer.php för er som kan wordpress. Därmed så vet jag inte riktigt vilka andra koder som ligger runtomkring detta och om det kanske påverkar, men ni kanske förstår mer genom att titta på källan. 

I alla fall, är det någon som vet hur jag kan lösa detta? Så att IE och de andra webbläsarna reagerar likadant?

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

## #2 — budg1e, 2010-03-16T18:47Z

I IE8 ligger den fel, se bifogad bild.

Bilagor:

- [ie8.jpg](https://www.webforum.nu/a/21443.jpg)

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

## #3 — Boye, 2010-03-16T19:00Z

Konstigt! I min IE 8 ser det ut så här:

<http://img716.imageshack.us/img716/1387/namnlse.jpg>

Någon aning om vad det kan bero på?

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

## #4 — budg1e, 2010-03-16T20:03Z

Ja, du har klickat på ikonen för kompatibilitetsvy. Nu renderas din sida så att den ser bra ut med IE7 och neråt.

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

## #5 — budg1e, 2010-03-16T20:26Z

Du har ganska många fel i din stilmall. Försök ränsa och korrigera. Din position: absolute är det som positionerar diven fel i IE8

<http://jigsaw.w3.org/css-validator/validator?uri=http://www.arielfyra.se/blogg/>

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

## #6 — Boye, 2010-03-17T13:50Z

Jaha, då är det kompatibilitetsvy som var problemet! Jag ställde om till vanlig vy och det funkar fint. Trist dock att folk med äldre versioner av windows får problem!

Okej. Men så länge det ser bra ut i webbläsarna så gör det väl inte så mycket om jag har fel i stilmallarna? Jag kan tycka att det är mer jobb än vad det ger att försöka få alla koder exakt rätta så länge det inte påverkar. Det ser ut som det verkar vara problem med något som heter ".wp-caption", och vad jag vet har jag inte rört det, måste vara wordpress som skapat de koderna. 

Tack för hjälpen :)

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

## #7 — budg1e, 2010-03-17T15:51Z

Problemet nu är att din padding:10px; förstör utseendet i IE6.

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

## #8 — Boye, 2010-03-17T16:06Z

Jag testade att ta bort padding:10px; ett tag och köra kompabilitetsvy, men samma problem fanns fortfarande kvar.

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

## #9 — budg1e, 2010-03-17T16:10Z

Testa och lägg till 

```
display: inline;
```

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

## #10 — Boye, 2010-03-17T16:23Z

Nä det hjälpte inte heller. Det ligger fortfarande kvar så att du kan se.

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

## #11 — Danne V, 2010-03-17T16:26Z

Tömmer du cachen ordentligt (eventuellt startar om webbläsaren) innan du testar förslagen?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/182832-problem-med-position-i-olika-webläsare