---
title: "Centrera layout."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/146519-centrera-layout"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Lasse H"
published: "2006-05-05T14:34:52.000Z"
updated: "2006-05-09T09:06:36.000Z"
replies: 12
views: 5635
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/146519-centrera-layout"
---
# Centrera layout.
## #1 — Lasse H, 2006-05-05T14:34Z
Hur centrerar jag den här layouten?
Nu ligger sidan till vänster på skärmen.
Jag vill ha den på mitten.
Eller är det inte denna CSS mall som bestämmer det?
\#layout {float: left; width: 900px; background: url("bild/top1.jpg");}
\#sidhuvud {padding: 0 10px 20px 10px; margin: 0;}
\#kolumncontainer{float: left; width: 900px; background: #dba742;}
\#kolumn1 {float: left; width: 579px; padding: 10px; border-left: 1px solid #000000; background: #ffffff;}
\#kolumn2 {float: left; width: 280px; padding: 10px; border-top: 1px solid #000000;}
\#sidfot {clear: both; width: 880px; padding: 10px 10px 0 10px; margin: 0; background: url("bild/bot1.jpg");}
Permalänk: https://www.webforum.nu/p/146519
## #2 — oskars, 2006-05-05T14:43Z
testa
```
* {margin:0 auto; padding:0 auto;}
```
Permalänk: https://www.webforum.nu/p/1810472
## #3 — Troxy, 2006-05-05T15:15Z
Visa din HTML-kod.
För att centrera en hemsida så är det lättast att lägga allting i en div, som du sedan sätter *margin: 0 auto* på.
Permalänk: https://www.webforum.nu/p/1810483
## #4 — Lasse H, 2006-05-05T15:27Z
> **oskars skrev:**
>
> testa
>
>
>
> ```
> * {margin:0 auto; padding:0 auto;}
> ```
Det funkade bra att göra på det viset.
Sidan blev centrerad som jag ville.
Tyvärr blev det strul med bakgrundsbilden när jag kollade i Firefox.
I Explorer blev det bra.
Får se vad jag kan göra åt saken senare.
Permalänk: https://www.webforum.nu/p/1810488
## #5 — Lasse H, 2006-05-05T15:28Z
> **Troxy skrev:**
>
> Visa din HTML-kod.
>
> För att centrera en hemsida så är det lättast att lägga allting i en div, som du sedan sätter *margin: 0 auto* på.
Här finns koden:
Permalänk: https://www.webforum.nu/p/1810489
## #6 — Troxy, 2006-05-05T17:53Z
```
#layout {margin: 0 auto; width: 900px; background: url("bild/top1.jpg");}
```
Permalänk: https://www.webforum.nu/p/1810540
## #7 — bossse, 2006-05-05T19:48Z
Om du också anger höjd så kan du centrera så här oavsett fönsterstorlek eller upplösning!
\#layout
{ BACKGROUND: url(bild/top1.jpg);
FLOAT:left; WIDTH: 900px; HEIGHT:500px;
position:absolute; left:50%; top:50%;
margin-left:-450px; margin-top:-250px;}
Permalänk: https://www.webforum.nu/p/1810590
## #8 — Lasse H, 2006-05-05T20:39Z
> **Troxy skrev:**
>
> ```
> #layout {margin: 0 auto; width: 900px; background: url("bild/top1.jpg");}
> ```
Visst, det ser bra ut i Explorer men i Firefox blir det något knas med bakgrundsbilden.
Det blir en glipa mellan bilden och menyn.
Får kanske nöja mig med att sidan ligger som den gör till vänster på skärmen :OO
Bilagor:
- [layout1.jpg](https://www.webforum.nu/a/10648.jpg)
Permalänk: https://www.webforum.nu/p/1810607
## #9 — bossse, 2006-05-06T07:16Z
Jag får centrerat i både läsarna med koden nedan.
Se bifogade filer.
\#layout
{ BACKGROUND: url(bild/top1.jpg);
FLOAT:left; WIDTH: 900px; HEIGHT:500px;
position:absolute; left:50%; top:50%;
margin-left:-450px; margin-top:-250px;}
Bilagor:
- [explorer.jpg](https://www.webforum.nu/a/10651.jpg)
- [firefox.jpg](https://www.webforum.nu/a/10652.jpg)
Permalänk: https://www.webforum.nu/p/1810699
## #10 — bossse, 2006-05-06T07:35Z
Jag får centrerat i både läsarna med koden nedan.
Se bifogade filer.
```
#layout
{ BACKGROUND: url(bild/top1.jpg);
FLOAT:left; WIDTH: 900px; HEIGHT:500px;
position:absolute; left:50%; top:50%;
margin-left:-450px; margin-top:-250px;}
```
Ett annat sätt som borde funka är
```
#layout {BACKGROUND: url(bild/top1.jpg); WIDTH: 900px; HEIGHT:100%;}
```
Lägg sedan center direkt innan div layout
```
```
Avsuta centreringen diret innan sista body-taggen
```