---
title: "\"Rätt\" layout kod"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/174368-rätt-layout-kod"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Dino"
published: "2008-09-26T22:22:55.000Z"
updated: "2008-09-27T10:12:25.000Z"
replies: 2
views: 503
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/174368-rätt-layout-kod"
---

# "Rätt" layout kod

## #1 — Dino, 2008-09-26T22:22Z

Har en mall till en layout som skall se ut så [här](http://member.webforum.nu/2578/temp.jpg).

Undrar då om detta är det bästa sättet att åstadkomma detta.

```
<div style="height:100px;background-color:#E6E6E6;">&nbsp;</div>
<div style="height:250px;background-color:#CDBCA3;">&nbsp;</div>
<div style="height:100%;background-color:#E6E6E6;">&nbsp;</div>
<div style="height:70%;width:600px;background-color:#C1C1C1;position:absolute;top:50px;left:150px;">&nbsp;</div>
```

Eller hur skulle DU göra?

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

## #2 — doggelito, 2008-09-27T09:51Z

Om det är meningen att det ska vara vitt underst så ser det ok ut.
Men jag får känslan av att det gråa, e6e6e6 ska ligga som en bakgrund och då bör du flytta färgen till body.

```
<body style="background-color:#e6e6e6;">
     <div style="height:250px;background-color:#CDBCA3; margin-top:100px;">&nbsp;</div>
     <div style="height:70%; width:600px; background-color:#C1C1C1; position:absolute; top:50px; left:150px;">&nbsp;</div>
</body>
```

Och sen tar du självklart bort samtliga inline-taggar och gör klass/id istället! :)

Du kan även (som jag skulle ha gjort) ta bort 250px divven och göra det till en bakgrundsbild i body istället!

```
<body style="background: #e6e6e6 url('/bild.gif') repeat-x;">
   <div style="height:70%; width:600px; background-color:#C1C1C1;  margin:50px 0 0 150px;">&nbsp;</div>
</body>
```

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

## #3 — Dino, 2008-09-27T10:12Z

Båda alternativen var ju bättre så jag får se vilken av dem jag använder.

Tackar för hjälpen.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/174368-rätt-layout-kod
