vil ikke centrere

#top {
    background-image:url(img/header.jpg);
    background-repeat:no-repeat;
    width:800px;
    height:151px;
    overflow:hidden;
margin:0 auto;
   
   
   
}

Tak for svaret. Det hjælper uden tvivl på headeren, men min tekst forbliver left aligned i stedet for at være centreret som den er i IE.

kigger lige i ie :)

Jeg kan ikke helt sikre at det her ikke fucker IE op..

Men prøv:

* {
margin: 0;
padding: 0;
}
body {
    margin:auto;
    font: 12px/18px, Arial, Helvetica, sans-serif Verdana, sans-serif;
    text-align: center;
    color: #000000;
    background-color:#000000;
}
               
#page {
    width: 900px;
    margin-left: auto;
    margin-right:auto;
    margin-bottom:auto;
    margin-top:100px;
    padding: 0px;
    height:800px;
    background-color:#fff;
   
}


#top {
    background-image:url(img/header.jpg);
    background-repeat:no-repeat;
    width:800px;
    height:151px;
    overflow:hidden;
margin:0 auto;
   
   
   
}

#contentprimary {

    width: 800px;
    height:300px;
    font:Arial, Helvetica, sans-serif;
    font-size:14px;
    border-right:2px #999900;
    margin: 0 auto;
margin-top: 75px;
    background-color:#4d5e5e;
}

#contentprimary p, h1, h2 {
    line-height:35px;
    padding:10px;
    margin-left: 55px;
    text-align: left;
    color:#cac8b1;
               
}

#indholdstekst {
margin: 0 auto;
    margin-top:65px;
    width:500px;
    color:#CAC8B1;
    font-size:16px;
    text-align:justify;

}

#overskrift  {
width:300px;

color:#87D3D5;
font-size:16px;
margin-left:55px;
margin-right: auto;
}
#logo {
   
    height:70px;
    width:150px;
    margin-top:20px;
    margin-bottom:0px;
    margin-left:10px;
    padding:0px;
    left:100px;
    top:30px;
     
}
a {
    color: #CC3300;
    font-weight: bold;
}

h1 {
    margin-bottom:11px;
    padding-top:15px;
    padding-bottom:15px;
    border-bottom:1px solid #ccc;
    font: normal 2em/18px Georgia, "Times New Roman", Times, serif;
    color: #633;
    }
   
h2, h3{
    font-weight:normal;
    font-size:1em;
    line-height:18px;
    }
   
h2{
    padding-top:10px;
    padding-bottom:20px;
    font-size:1.25em;
    text-transform:uppercase;
    letter-spacing:1px;
    color: #633;
    }
   
#navi {
    margin-top:125px;
    padding:0;
    width: 600px;
    font-size: 14px;
    font-weight: bold;
    left:150px;
   
}

#navi ul {
padding-top:0px;
padding-right:0px;
padding-left:0px;
margin-left:0px;
text-align:left;
list-style:none;


}

#navi li {
  margin: 12px;
  display:inline;
}

#navi li a {
    font-size:1.25em;
    line-height:1em;
    text-decoration:none;
    color: #cac8b1;
  }

#navi li a:hover {
color: #300;
}

#footer {
margin-top:110px;
height:80px;
overflow:hidden;
clear: right;
background:#C24032;
font-size:10px;
line-height:70px;
color:#fff;

}
#footer a:link, #footer a:visited {
color: #c99;
text-decoration:underline;
}

#footer a:hover {
text-decoration:none;
}
#footer p{
padding:24px;
font-size:10px;
}


#menu {
   
    margin: 0px;
    padding: 0px;
    width: 450px;
    background: url(Img/header.gif) no-repeat;
    border: 0px;
    padding: 0px;
}

#profilbillede {
    float: left;
    width: 170px;
    height:170px;
    margin-bottom:10px;
    background: url(../Img/nyt.gif) no-repeat;
    margin-left: 20px;
    margin-top:70px;
    }

#nyt {
    float: left;
    width: 170px;
    height:170px;
    margin-bottom:10px;
    background: url(../Img/nyt.gif) no-repeat;
    margin-left: 20px;
    margin-top:70px;
    }
   
#nyt h2 {
font-size:12px;
font-weight:normal;
text-align:center;
}

#nyt a {
text-decoration:none;
}

#nyt img {
border:none;

}

form  {
border: 1px solid #666699;
}


#display {
    margin:50px, 40px, auto auto;
    border:1px;
    display:none; 
}
#links {
    margin:20px, 600px, 400px, 50px;
    top:20px;
    left:20px;
    width:70px;
    padding-top:4px;
    border:solid 1px #000;
    background-color:#333354;
    color:#000;
}
#links img {
    display:block;
    width:60px;
    height:60px;
    border:solid 1px #000;
    margin:0px 4px 4px 4px;
    }
   
    #close {
    width:75px;
    background-color:#333354;
    font-family:verdana,sans-serif;
    color:#fff;
    font-size:10px;
    text-align:center;
    margin:5px auto;
    padding:3px;
    cursor:pointer;
}

hermed dine point og tak for hjælpen.

virker det ? - syntes ikke siden er blevet bedre... ?

jeg har sådan set ikke opdateret - checkede bare i Mozillas "firebug" og det virkede fint.

sig til hvis du har problemer med at få det til at virke i ie7 nu :).. bare hold det i denne tråd :)

ok. lige på arbede, men checker når jeg kommer hjem.

hvis du ikke synes det er for langt fra emnet så har jeg et spørgmål til:

Hvorfor er min menu (navi) ikke over på venstre side og hvorfor er samme menu fed i mozilla og helt almindelig i IE7?

rent teknisk er det IE der "gætter" at den skal rykke sig 150px left.

Det er altid lettest at centrere et element (bemærk element og ikke tekst) ved at give det auto margin left og right..

#navi {
    padding:0;
    width: 600px;
  margin: 0px auto; /* betyder top og bund får 0, og left og right får auto*/
  margin-top:125px;
 
}

Idet du skriver font-weight:bold på #navi formaterer du ikke de links der ligger der i, eller jo det gør du gennem nedarvning, men lig det på linket (<a>)

#navi li a {
    font-size:1.25em;
    line-height:1em;
    text-decoration:none;
    color: #cac8b1;
font-weight: bold;
  }

Det hele ser fint ud nu, men når du skriver:
margin: 0px auto; /* betyder top og bund får 0, og left og right får auto*/
  margin-top:125px;

så skulle man tro at margin: 0px
er det samme som
margin-top: 0px

egentlig ikke nogle forskel så vidt jeg kan se.

nej reglerne er følgende:

Margin: 10px; /* giver 10px margin top, right, bottom, left*/
Margin: 10px 8px; /* Giver 10px margin top, bottom - og 8px margin right og left
Margin: 10px 9px 8px 7px; /* Giver margin-top:10px margin-right:9px margin-bottom:8px; margin-left: 7px; Altså fra top og med uret rundt*/

Du kan også bare sætte dem enkeltvis:

margin-top: 10px;
margin-left: auto;
margin-bottom: 10px;
margin-right: auto;

Som er det samme som:

margin: 10px auto;
og
margin: 10px auto 10px auto;

/JJ

fint, tak for tippet.

-- og lige præcis konstruktionen, hvor top og bund skal være forskellige, mens de to sider skal være ens findes også i forkortet form:

margin: 125px auto 0;/*top 125px, left og right auto, bottom 0 !-) */