---
title: "ser olika ut i mozilla och internet explorer"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/184516-ser-olika-ut-i-mozilla-och-internet-explorer"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "grennfox"
published: "2010-09-02T08:41:01.000Z"
updated: "2010-09-02T11:07:59.000Z"
replies: 11
views: 515
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/184516-ser-olika-ut-i-mozilla-och-internet-explorer"
---

# ser olika ut i mozilla och internet explorer

## #1 — grennfox, 2010-09-02T08:41Z

När jag går in och kollar på min hemsida i mozilla firefox så ser sidan ut som den ska,

Men sen när jag går in och kollar på den i internet explorer så hamnar menyn en aning fel, + att vissa länkar få en blå ram runt sig. 

Nån som kan ha någon aning om vad som är fel?

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

## #2 — voigtann1, 2010-09-02T08:52Z

Ja, bilder få en border i IE, sätt en CSS på det, margins och padding fungera lite olika i olika webbläsare, utan att se din sida så är det inte jätte enkelt att svara på dina frågor ;)

```
a img { border: 0 }
```

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

## #3 — grennfox, 2010-09-02T09:17Z

Oj glömde visst lägga in bilderna.

Men så här ser det ut iallafall.

Den första bilden det är så det ska se ut, och den andra så ser det ut i internet explorer

Bilagor:

- [mozilla.png](https://www.webforum.nu/a/21957.png)
- [Internet.png](https://www.webforum.nu/a/21958.png)

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

## #4 — voigtann1, 2010-09-02T09:21Z

box modeller i IE är lite annolunda än vad de är på andra webbläsare <http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug> kan du läsa om det.

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

## #5 — grennfox, 2010-09-02T09:30Z

läste igenom det där, och fatta vad som är själva problemet, men jag har ingen aning om hur jag ska kunna lösa problemet :(

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

## #6 — voigtann1, 2010-09-02T09:33Z

ge oss en länk/html-css kod omöjligt att ge ett korrekt svar bara genom bilder.

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

## #7 — grennfox, 2010-09-02T09:43Z

\<style type="text/css"\>
\<!--
body {
	text-align: center;
	background-color: #C9D6E2;
}
\#logga {
	height: 203px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(Logga/Logga.gif);
}
\#meny {
	height: 32px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #5DAADD;
	text-align: right;
}
\#text {
	text-align: center;
	height: 333px;
	width: 900px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	float: none;
}
\#bild {
	height: 333px;
	width: 500px;
	background-image: url(bilder/Start%20Bild.jpg);
	margin-top: 5px;
	margin-left: 2px;
	float: left;
}
\#Starttext {
	float: right;
	height: auto;
	width: 350px;
	margin-top: 5px;
	margin-right: 20px;
}
\#text2 {
	height: 150px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
\#footer {
	background-color: #5DAADD;
	height: 23px;
	width: 900px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.Länk1 {
	color: #FFF;
	background-color: #FFF;
}
.Länk2 {
	color: #5DAADD;
	background-color: #5DAADD;
}
\--\>
\</style\>
\<style type="text/css"\>
\<!--
p.MsoNormal {
margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:0cm;
line-height:115%;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
}
a:link {
	text-decoration: none;
	color: #930;
}
a:visited {
	text-decoration: none;
	color: #930;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a {
	font-family: Georgia, Times New Roman, Times, serif;
}
\#footer p a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
}
\--\>
\</style\>
\</head\>

\<body\>
\<!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag--\>
\<!-- \*\*\*\*\*\*\*\* BEGIN ALLWEBMENUS CODE FOR menu \*\*\*\*\*\*\*\* --\>
\<script type="text/javascript"\>var MenuLinkedBy="AllWebMenus \[4\]",awmMenuName="menu",awmBN="766";awmAltUrl="";\</script\>\<script charset="UTF-8" src="menu.js" type="text/javascript"\>\</script\>\<script type="text/javascript"\>awmBuildMenu();\</script\>
\<!-- \*\*\*\*\*\*\*\* END ALLWEBMENUS CODE FOR menu \*\*\*\*\*\*\*\* --\>

\<div id="logga"\>\</div\>
\<div id="meny"\>\<a href="http://axelsonsmassageklinik.bokadirekt.se"\>\<img src="bilder/BokaTid_Vit_MorkBakgrund_90px.png" width="82" height="28" class="Länk2" /\>\</a\>

\</div\>
\<div id="text"\>
  \<div id="bild"\>\</div\>
  \<div id="Starttext"\>
    \<p\>&nbsp;\</p\>
    \<p class="MsoNormal"\>\<span style="line-height:115%; font-family:'Georgia','serif'; font-size:20.0pt; "\>V&auml;lkommen till Axelsons Massageklinik! \</span\>\</p\>
    \<p class="MsoNormal"\>&nbsp;\</p\>
    \<p\>&nbsp;\</p\>
    \<p\>\<a href="http://axelsonsmassageklinik.bokadirekt.se"\>\<img src="bilder/BokaTid_Gron_MorkBakgrund_120px.png" width="145" height="41" class="Länk1" /\>\</a\>     
  \</div\>
  \<p\>&nbsp;\</p\>
  \<p\>&nbsp;\</p\>
\</div\>
\<div id="text2"\>\</div\>
\<div id="footer"\>\</div\>
\</body\>
\<script type="text/javascript"\>

  var \_gaq = \_gaq \|\| \[\];
  \_gaq.push(\['\_setAccount', 'UA-18044306-1'\]);
  \_gaq.push(\['\_trackPageview'\]);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')\[0\]; s.parentNode.insertBefore(ga, s);
  })();

\</script\>
\</html\>

Kopirade in hela koden här så kanske det blir lite lättare :)

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

## #8 — voigtann1, 2010-09-02T09:50Z

vad är det för doctype du kör?
menyn genereras av JS kod, bli inte enkelt att hjälpa dig

är menyn en bild?

```
<div id="meny"><a href="http://axelsonsmassageklinik.bokadirekt.se"><img src="bilder/BokaTid_Vit_MorkBakgrund_90px.png" width="82" height="28" class="Länk2" /></a></div>
```

?? ett tips är också att använda \[kod\]-elementet på wF så bli det betydligt enklare att läsa kod och text

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

## #9 — grennfox, 2010-09-02T09:53Z

menyn är gjort i ett program, fuskade lite där, men man kan säga att det är en bild. 

Okej tack så mkt för tipset :)

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

## #10 — newseed, 2010-09-02T10:14Z

Ett tips är att alltid jobba med ett "CSS reset"-stylesheet i grunden. Det försöker nollställa alla olika standardvärde som finns mellan olika webbläsare.

Om man utgår ifrån ett reset-sheet i grunden blir det ofta lättare i längden.

Här har du ett exempel:
<http://meyerweb.com/eric/tools/css/reset/>

Vissa ramverk såsom CSS Blueprint har även en del som gör just detta.

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

## #11 — grennfox, 2010-09-02T10:56Z

man tackar så mkt för snabba svar :)

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

## #12 — grennfox, 2010-09-02T11:07Z

Problemet löst :)

Så tackar för alla hjälp jag har fått :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/184516-ser-olika-ut-i-mozilla-och-internet-explorer