---
title: "Problem med DIV"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/117725-problem-med-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "lillebror"
published: "2004-12-09T22:13:37.000Z"
updated: "2004-12-09T22:51:00.000Z"
replies: 9
views: 337
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/117725-problem-med-div"
---
# Problem med DIV
## #1 — lillebror, 2004-12-09T22:13Z
Hej!
Jag har klurat och klurat men inte riktigt fått ordning på min CSS-kod. Det jag vill åstadkomma är en HEADER-, MENU-, CONTENT- och FOOTER-del (enligt bifogad bild).
Jag vill att "hela paketet" skall vara positionerat jämt med vänsterkanten. Nu finns det ett vitt mellanrum både till vänster och högst upp. Hur löser jag detta så att de vita kanterna försvinner i css-koden? Följande kod använder jag nu.
```
#header
{
position: relative;
top: 0px;
left: 0px;
width: 770px;
height: 200px;
border: 1px solid #000000;
background-color: #3379BA;
}
#footer
{
position: relative;
top: 0px;
width: 770px;
height: 100px;
border: black solid 1px;
border-top: black solid 0px;
background-color: #3379BA;
}
#menu
{
position: relative;
top: 0px;
left: 0px;
width: 770px;
height: 30px;
margin-left: 0px;
border: black solid 1px;
border-top: black solid 0px;
background-color: #3379BA;
}
#content
{
position: relative;
top: 0px;
left: 0px;
width: 770px;
height: 600px;
border: black solid 1px;
border-top: black solid 0px;
background-color: #3379BA;
padding: 0px;
}
XForum 1.0
HEADER
MENU
CONTENT
```
Någon som har några förslag?! :)
Mvh,
Fredrik
Permalänk: https://www.webforum.nu/p/117725
## #2 — icaaq, 2004-12-09T22:17Z
```
[red]
body
{
margin:0;
padding:0:
}
[/red]
```
mv icaaq
Permalänk: https://www.webforum.nu/p/1502149
## #3 — Type, 2004-12-09T22:17Z
Kanske något sånt här:
```
html, body{
margin:0px;
padding:0px;
}
```
Det brukar jag skriva och det kan lösa liknande problem... sen vet jag inte.. jag har inte satt mig in i ditt problem riktigt men testa!
Permalänk: https://www.webforum.nu/p/1502150
## #4 — jarvklo, 2004-12-09T22:22Z
Hmm...
Tänk också på att position:absolute i själva verket positionerar relativt sitt "omgivande blocks" interna "koordinatsystem" och inte i förhållande till det koordinatsystem som begränsas av webbläsarfönstrets kanter!!!
Iofs blir det inte så stor skillnad när den ligger i \ (förutom marginaler/padding då som påpekats ovan ;) ), men... Det är en viktig detalj!!
Rekommenderar denna nyskrivna artikel i ämnet CSS och positionering:
Permalänk: https://www.webforum.nu/p/1502152
## #5 — lillebror, 2004-12-09T22:22Z
Det gjorde visst susen! Är inte marginalen per default satt till 0px? Tack för det snabba svaret iaf!
Permalänk: https://www.webforum.nu/p/1502153
## #6 — jarvklo, 2004-12-09T22:25Z
Hmm...
Defaulten är olika i MSIE och Mozillorna.
I den ena är marginalen 0 men inte paddingen och i den andra är det tvärtom...
Hursomhelst får du som resultat per default några pixlars indrag på innehållet i \ om du inte gör något åt det ;)
Permalänk: https://www.webforum.nu/p/1502155
## #7 — icaaq, 2004-12-09T22:33Z
Eftersom detta är ett svenskt forum skickar jag in den svenska varianten av jarvklo´s länk ;)
mv icaaq
Permalänk: https://www.webforum.nu/p/1502161
## #8 — lillebror, 2004-12-09T22:36Z
Tack för alla tips...e nybörjare på det här området och söker mig fram längs den krokiga stigen :)
Permalänk: https://www.webforum.nu/p/1502163
## #9 — lillebror, 2004-12-09T22:37Z
Border-varianten "groove", jag får den ej att fungera i MSIE 6. Stödjer inte IE den varianten?
Permalänk: https://www.webforum.nu/p/1502165
## #10 — icaaq, 2004-12-09T22:51Z
Den stöds, men den visas anorlunda i olika webbläsare.
IE´s referens
W3C´s referens
mv icaaq
Permalänk: https://www.webforum.nu/p/1502175
---
Tråden på webben: https://www.webforum.nu/amne/html-css/117725-problem-med-div