---
title: "Ser väldigt olika ut i olika webläsare"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/188552-ser-väldigt-olika-ut-i-olika-webläsare"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "webe"
published: "2011-12-07T12:26:25.000Z"
updated: "2011-12-08T06:43:34.000Z"
replies: 7
views: 636
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/188552-ser-väldigt-olika-ut-i-olika-webläsare"
---

# Ser väldigt olika ut i olika webläsare

## #1 — webe, 2011-12-07T12:26Z

Vad kan detta bero på. Detta gäller bland annat bildernas position. Har det något att göra med att jag använder position:absolute?

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

## #2 — Danne V, 2011-12-07T13:08Z

En bra idé är att kopiera in källkoden + css och dessutom ge en länk till sidan.
Annars är det bara tankeläsare som kan hjälpa dig. ;)

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

## #3 — webe, 2011-12-07T15:42Z

Såklart:).

I chorme:
<http://imageshack.us/photo/my-images/85/chromea.jpg/>
Det är ungefär så jag vill att den ska se ut.

I IE däremot ser det ut såhär:
<http://imageshack.us/photo/my-images/546/explorera.jpg/>

CSS för menyn (eftersom jag antar att det är där felet ligger:

\#navigation {
	position: absolute;
	left: 200px;
	margin:0;
	padding: 0;
	clear:both;
	width:750px;
	height:20px;
	background: black url(/images/dropdown-bg.gif) repeat-x left top;
}

ul.nav-main,

ul.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.nav-main {
	position: relative;
	z-index: 597;
}

ul.nav-main li:hover \> ul {
	visibility: visible;

}

ul.nav-main li.hover,
ul.nav-main li:hover {
	text-decoration: underline;
	position: relative;
	z-index: 599;
	cursor: pointer;

}

ul.nav-main li {
	float:left;
	display:block;
	height: 45px;
	color: black;
	font: 14px Arial, Helvetica, sans-serif;
	background: url(/images/separator.gif) no-repeat right center;
}

ul.nav-main li a {
	display:block;
	padding: 16px 16px 0 16px;
	height: 35px;
	color: black;
	font: 18px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

ul.nav-main li a:hover {
	color:black;
	
}

ul.nav-main \*.list {
	padding-right: 22px;
	background: url(/images/navigation-arrow.gif) no-repeat right top;

}

ul.nav-sub {
	visibility: hidden;
	position: absolute;
	padding:0px;
	top: 40px;
	left: 0;
	z-index: 598;
	background: blue url(/images/dropdown-list-bg.gif) repeat-x left top;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}

ul.nav-sub li {
	list-style:none;
	display:block;
	padding: 0;
	height: 27px;
	float: none;
	width:145px;
	border-bottom: 1px solid #fff;
	background: none;
}

ul.nav-sub li a {
	list-style:none;
	display:block;
	padding: 6px 5px 6px 5px;
	height: 15px;
	float: none;
	width:145px;
	background: none;
	font: 12px Arial, Helvetica, sans-serif;	
}

Är det något mer du behöver se?:)

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

## #4 — voigtann1, 2011-12-07T15:53Z

HTML koden behövs ju också

använd gärna \[kod\] element för att visa dina koder, bli betydligt enklare att läsa vad som är text och vad som är kod i ditt inlägg

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

## #5 — webe, 2011-12-07T16:04Z

```
<ul id="navigation" class="nav-main">
	<li><a href="hem.html">Hem</a></li>
    
    <li class="list"><a href="#">Privatpersoner</a>
	<ul class="nav-sub">
    <li><a href="livs.html">Livsstilscoaching</a></li>
		<li><a href="halso.html">Hälsoprofil</a></li>
		<li><a href="kost.html">Kostrådgivning</a></li>
    
	</ul>
	</li>
    
    <li class="list"><a href="#">Företag</a>
	<ul class="nav-sub">
    <li><a href="rev.html">Hälsorevision</a></li>
 		<li><a href="fore.html">Föreläsningar</a></li>
		<li><a href="event.html">Häsloevent</a></li>
		<li><a href="pin.html">Pinning</a></li>
		<li><a href="fys.html">Fyspass</a></li>
		<li><a href="kurs.html">Kurser</a></li>
		<li><a href="utbildning.html">Utbildning</a></li>
	</ul>
	</li>
    
    <li><a href="om.html">Om</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
    

</ul>
```

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

## #6 — voigtann1, 2011-12-07T16:52Z

Vad är det för doctype du använder? Postar hellre all HTML eller så mycket HTML som man återskapa ditt problem

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

## #7 — webe, 2011-12-07T17:03Z

```

<head>

<title>Beactive</title>
<link href="index.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="back">
<div id="master">

<div id="header"></div>

<ul id="navigation" class="nav-main">
	<li><a href="hem.html">Hem</a></li>
    
    <li class="list"><a href="#">Privatpersoner</a>
	<ul class="nav-sub">
    <li><a href="livs.html">Livsstilscoaching</a></li>
		<li><a href="halso.html">Hälsoprofil</a></li>
		<li><a href="kost.html">Kostrådgivning</a></li>
    
	</ul>
	</li>
    
    <li class="list"><a href="#">Företag</a>
	<ul class="nav-sub">
    <li><a href="rev.html">Hälsorevision</a></li>
 		<li><a href="fore.html">Föreläsningar</a></li>
		<li><a href="event.html">Häsloevent</a></li>
		<li><a href="pin.html">Pinning</a></li>
		<li><a href="fys.html">Fyspass</a></li>
		<li><a href="kurs.html">Kurser</a></li>
		<li><a href="utbildning.html">Utbildning</a></li>
	</ul>
	</li>
    
    <li><a href="om.html">Om</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
    

</ul>

</div>
<div id="home_pic"><img src="/images/mandarin.jpg"></div>
<div id="text"><p>Ett aktivt val för en hållbar livsstil!

Vi erbjuder hälsofrämjande tjänster till företag och privatpersoner. Beactive strävar efter att öka medvetandet kring den egna hälsan och livsstilen för ett bättre liv och ett ökat välbefinnande!
Vi vill på ett nytänkande och personligt sätt skapa friskare arbetsplatser genom lönsam friskvård!

</p></div>

</div>
</div>
</body>
```

 

Där är allt för index-sidan

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

## #8 — voigtann1, 2011-12-08T06:43Z

börja med att lägga in en doctype + html elementet runt din sida.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/188552-ser-väldigt-olika-ut-i-olika-webläsare