---
title: "CSS-Layout, jobbig bugg..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/172604-css-layout-jobbig-bugg"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Arash"
published: "2008-07-03T12:49:05.000Z"
updated: "2008-07-03T15:18:14.000Z"
replies: 3
views: 428
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/172604-css-layout-jobbig-bugg"
---

# CSS-Layout, jobbig bugg...

## #1 — Arash, 2008-07-03T12:49Z

Hej.
Jag håller på med en hemsida och jag har precis kodat layouten i CSS, och det blir bara helt sjukt. Den är ritad och slicad i Paint, och när jag vill att "boxarna" ska förlängas så blir det knas och linjer försvinner etc.

Vore kul om någon orkar kolla på saken och kanske möjligtvis hjälpa mig.
Här finns zip-filen att ladda ner. <http://data.fuskbugg.se/skalman01/Habboline-awwentfix.rar>

Tack på förhand.
Mvh
Arash

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

## #2 — Danne V, 2008-07-03T13:19Z

Tycker du ska ladda upp resultatet till en server och ge oss en länk (bäst), eller posta koden (näst bäst) istället. Jag tror de flesta har lärt sig att inte ladda ner och öppna packade filer som man inte vet vad dom innehåller, i synnerhet från en alldeles färsk medlem som man inte har det minsta susning om vem det är.

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

## #3 — Arash, 2008-07-03T13:38Z

Okej, laddat upp...

länk:
<http://aramoo.brinkster.net/webforum/index.html>

css-koden:

```
body {
}

#container {
width: 843;

}

#logo {
width: 843;
height: 152;
background-image: url(logo.PNG);
}

#marquee {
width: 843;
height: 18;
background-image: url(marquee.PNG);
}

#menu {
width: 843;
height: 20;
background-image: url(menu.PNG);
}

#leftboxtop {
width: 150;
height: 20;
background-image: url(leftboxtop.PNG);
float: left;
}

#leftboxmiddle {
width: 150;
background-image: url(leftboxmiddle.PNG);
repeat-y;
float: left;
}

#leftboxbottom {
width: 150;
height: 8;
background-image: url(leftboxbottom.PNG);
float: left;
}

#contenttop {
width: 533;
height: 20;
background-image: url(contenttop.PNG);
float: left;
}

#contentmiddle {
width: 533;
background-image: url(contentmiddle.PNG);
repeat-y;
float: left;
}

#contentbottom {
width: 533;
height: 7;
background-image: url(contentbottom.PNG);
float: left;
}

#rightboxtop {
width: 150;
height: 20;
background-image: url(rightboxtop.PNG);
float: left;
}

#rightboxmiddle {
width: 150;
background-image: url(rightboxmiddle.PNG);
float: left;
}

#rightboxbottom {
width: 150;
height: 6;
background-image: url(rightboxbottom.PNG);
float: left;
}

#space {
width: 5;
height: 5;
background-image: url(space.PNG);
float: left;
}
```

 

I IE; blir det fasansfullt... har jag för mig iaf :P

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

## #4 — Danne V, 2008-07-03T15:18Z

Jag tittar i Safari/Mac och det ser finemang ut.

Men om jag tar en snabbtitt i koden ser jag att du inte lagt in nån DTD (Doctype Declaration), och det är ofta helt avgörande hur sidan visas i olika läsare: <http://en.wikipedia.org/wiki/Document_Type_Definition>

Fixa det till att börja med. Kolla sen via <https://browsershots.org/> hur sajten ser ut i olika läsare.

Viss hjälp kan du få på <https://www.webdesignskolan.com> också

Och ta gärna bort fonttaggen....

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/172604-css-layout-jobbig-bugg