---
title: "Min sida med css funkar i IE men fucked i Firefox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/132954-min-sida-med-css-funkar-i-ie-men-fucked-i-firefox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Addeladde"
published: "2005-08-18T15:37:38.000Z"
updated: "2005-08-18T23:12:56.000Z"
replies: 5
views: 328
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/132954-min-sida-med-css-funkar-i-ie-men-fucked-i-firefox"
---

# Min sida med css funkar i IE men fucked i Firefox

## #1 — Addeladde, 2005-08-18T15:37Z

Lagren lägger sig inte på rätt ställe utan sprids ut hej vilt! Gäller för typ alla lager så jag måste gjort någon grym miss.

**Koden finns i följande fil:**
<http://member.webforum.nu/1358/sida.html>

**Skämrdump IE som det ska se ut:**
<http://member.webforum.nu/1358/sida_ie.gif>

**Skärmdump Firefox (ska inte se ut så här)**
<http://member.webforum.nu/1358/sida_firefox.gif>

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

## #2 — zcorpan, 2005-08-18T15:57Z

Testa använda en Strict DOCTYPE så webbläsare använder "Standards mode", så är det vanligtvis lättare att kontrollera vad som händer. :) 

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
```

För att undvika såna här situationer kan man testa i Firefox först, och IE sedan (eller båda samtidigt). I regel gör Firefox som du skrivit, och IE vet jag inte riktigt... ;)

\[ins\] Du kan inte heller lägga en DIV inuti en länk. Om du vill att en länk ska ta upp full bredd kan du ange display:block på länken. För övrigt skulle jag nog använda en \<ul\> för din  meny istället för en massa divar. :) \[/ins\]

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

## #3 — Addeladde, 2005-08-18T16:08Z

Med den doctypen ser det inte alls bra ut i IE stort mellanrum mellan alla lager. Dock ser det bättre ut i firefox men inte bra

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

## #4 — zcorpan, 2005-08-18T17:20Z

Det här kanske kan få dig på rätt spår. :) 

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
 <head>
  <title>Skola</title>
  <style type="text/css">
   body { min-width:25em; max-width:50em; }
   * html body { width:50em; }
   form#sok { float:right; }
   ul#sektioner { clear:right; background:olive; margin:0; padding:.5em; line-height:2; }
   ul#sektioner li { display:inline; }
   ul#sektioner li a { background:blue; color:white; padding:.5em; white-space:nowrap; }
   ul#sektioner li a:link,
   ul#sektioner li a:visited { background:olive; color:white; }
   dl#program { width:15em; float:left; clear:left; }
   dl#program dd { border-right:1px solid; border-bottom:1px solid; margin:0; padding:0; }
   dl#program dt a,
   dl#program dd a { padding:.2em; display:block; }
   div#huvudinnehall { margin-left:15em; padding:1em; }
  </style>
 </head>
 <body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
  <form action="#" id="sok">
   <p><input name="q" title="Sökord"> <input type="submit" value="Sök"></p>
  </form>
  <ul id="sektioner">
   <li><a href="#">Skolorna</a></li>
   <li><a href="#">Elev</a></li>
   <li><a href="#">Lärare</a></li>
   <li><a href="#">Förälder</a></li>
   <li><a>För 9:or</a></li>
   <li><a href="#">Om F.B.</a></li>
  </ul>
  <dl id="program">
   <dt><a href="#">Program</a></dt>
   <dd><a href="#">Aspergerverksamhet</a></dd>
   <dd><a href="#">Barn och fritid</a></dd>
   <dd><a href="#">Bygg</a></dd>
   <dd><a href="#">El</a></dd>
   <dd><a href="#">Fordon</a></dd>
   <dd><a href="#">Gymnasiesär</a></dd>
   <dd><a href="#">Handel och administration</a></dd>
   <dd><a href="#">Hotell och restaurang</a></dd>
   <dd><a href="#">Individuella</a></dd>
   <dd><a href="#">Industri</a></dd>
   <dd><a href="#">Medie</a></dd>
   <dd><a href="#">Naturvetenskap</a></dd>
   <dd><a href="#">Omvårdnad</a></dd>
   <dd><a href="#">Priv BP-LIA</a></dd>
   <dd><a href="#">Samhällsvetenskap</a></dd>
   <dd><a href="#">Samhällsvetenskap Asperger</a></dd>
   <dd><a href="#">Teknik</a></dd>
   <dd><a href="#">Wäxthuset</a></dd>
  </dl>
  <div id="huvudinnehall">
   <p>[kod]</p>
  </div>
 </body>
</html>
```

 \[ins\] Ojsan, tror det blev lite fel när jag klippte och klistrade... :r \[/ins\]

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

## #5 — Addeladde, 2005-08-18T21:55Z

Är \<dd\> \</dt\> egen skapade taggar men varför slutar de inte på \</dd\> du får nog förklara lite mer

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

## #6 — zcorpan, 2005-08-18T23:12Z

DL är en [definitionslista](http://www.w3.org/TR/html4/struct/lists.html#h-10.3) med termer (DT) och beskrivningar (DD).

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/132954-min-sida-med-css-funkar-i-ie-men-fucked-i-firefox
