---
title: "Doctype gör att border-top försvinner"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/137495-doctype-gör-att-border-top-försvinner"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "nanneson"
published: "2005-11-12T22:21:04.000Z"
updated: "2005-11-13T10:04:00.000Z"
replies: 14
views: 405
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/137495-doctype-gör-att-border-top-försvinner"
---

# Doctype gör att border-top försvinner

## #1 — nanneson, 2005-11-12T22:21Z

Hej. Jag har precis lagt upp [ipsab.se](http://ipsab.se), en väldigt enkel sida gjort med minimal kod och där allt sköts via StyleSheets. Dock har jag fått problem med Doctype.

När jag t ex lägger in doctype \<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"\> eller någon liknande (jag har prövat med flera) så visas inte längre den mörkgrå bordern högst upp ovanför menyn, detta i IE6, FF fungerar bra.

Varför blir det så? Känns ju larvigt att skippa Doctype bara för att det blir ett sånt här litet tokfel. Vore toppen om jag fick hjälp att lösa det. Tack tack!

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

## #2 — zcorpan, 2005-11-12T22:33Z

Du kan inte visa lite kod eller ännu bättre länka till sidan?

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

## #3 — nanneson, 2005-11-12T22:35Z

Ah, jag trodde länkar länkades automatiskt, jag prövar igen: "[www.ipsab.se](http://ipsab.se) "

När jag lägger denna kod i filen visas inte längre den border-top som är över huvudmenyn. Gäller främst Internet Explorer version 6. Firefox går bra.

\<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"\>

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

## #4 — zcorpan, 2005-11-12T22:42Z

På body, ändra margin och padding till 

```
	margin: 20px 0 0;
	padding: 10px 0 0;
```

 Hoppas det funkar. :)

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

## #5 — Mozfan, 2005-11-12T22:53Z

Lägg helst också en komplett doctype, där länken till dtd-filen finns med:

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

Då renderar sidan i standard mode i alla webbläsare. Utan länk blir det quirks mode.

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

## #6 — zcorpan, 2005-11-12T22:56Z

> **Mozfan skrev:**
>
> Lägg helst också en komplett doctype, där länken till dtd-filen finns med:
>
>
> ```
> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
>    "http://www.w3.org/TR/html4/strict.dtd">
> ```

Den enda praktiska skillnaden är att IE5/Mac inte använder quirks mode, vilket om man bryr sig om den webbläsaren kan vara bra. Annars fungerar den kortare lika bra (dvs den triggar standards mode) i resten av webbläsarna. :)

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

## #7 — nanneson, 2005-11-12T23:02Z

Det verkar ju fungera bra. Pröva gärna själv en gång.

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

## #8 — nanneson, 2005-11-12T23:07Z

Men nä! Nu fungerar inte float:right i Safari eller Firefox. Ursh!

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

## #9 — zcorpan, 2005-11-12T23:11Z

Det ser ut att funka. :)

PS. Borde det inte vara 

```
<a href="/"><img src="/logo" id="logo" alt="IPS"></a>
```

...?

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

## #10 — zcorpan, 2005-11-12T23:12Z

> **nanneson skrev:**
>
> Men nä! Nu fungerar inte float:right i Safari eller Firefox. Ursh!

Vad är det som inte funkar?

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

## #11 — nanneson, 2005-11-12T23:17Z

Texten kommer nedanför vänstermenyn i alla webbläsare jag kan hitta.
Se: <http://ipsab.se/services>

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

## #12 — Mozfan, 2005-11-12T23:33Z

> **nanneson skrev:**
>
> Texten kommer nedanför vänstermenyn i alla webbläsare jag kan hitta. Se: <http://ipsab.se/services>

Kasta om ordningsföljden för submeny- och text.div'arna, dvs \<div id="text"\>  direkt under div id="content"\> och före \<div id="submenu"\>
Eller lägg float:left på submeny-div'en och inget på text-div'en. 
Det första vet jag fungerar :)

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

## #13 — nanneson, 2005-11-12T23:34Z

Okej, det löste sig med en extra float:left på vänstermenyn, men IE 5.2 på Mac har fortfarande problemet att texten hamnar under menyn. Men den webbläsaren kanske inte har några användare? Hmmm...

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

## #14 — icaaq, 2005-11-13T08:08Z

Om man har en mac med OS 9 så använder man nog den. Om man inte har någon netscape version vill säga.

mv icaaq

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

## #15 — nanneson, 2005-11-13T10:04Z

Hör gärna av dig om du vet något sätt att lösa detta. Det verkar ju fungera på menyn högst upp på sidan. I annat fall vill jag bara tacka för all den hjälp jag fått. Jag har ju inte kunnat testa själv än, men det låter som det fungerar...

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/137495-doctype-gör-att-border-top-försvinner
