Alltid svårt att svara utan att kunna titta på bloggen, men det borde fungera att sätta margin: 0 auto på headern.

Ska din header för övrigt vara 1 pixel hög?

Jag har inget som heter margin eller menar du att jag ska lägga till de?

Ja annars när man trcker på ett enskilt inlägg så blir headern "dubbel" på något sätt.. Jättekonstigt.

Ja, du ska lägga till det. Headern repeteras just nu eftersom det står repeat efter bildlänken. Byt ut det till no-repeat så repeteras den inte. Ändra höjden med hjälp av height istället för padding.

vilken av är höjden? padding: 0 55px 665px 65px; ?

Spelar det någon roll vart jag läggen in margin?

Höjden är height (höjd på engelska). Det spelar ingen roll var du lägger margin, så länge det är innanför måsvingarna efter div#header.

De funkar inte om jag lägger till margin: 0 auto; och headern flyttar sig inte när jag ändrar heightvärden.

Prova att ersätta hela #header-delen i din stilmall med detta:

div#header {
background: url(http://cdn.publishme.se/cdn/9-1/4028515/images/2013/mg_4732_50e5d4d9ddf2b317d6000890.jpg) no-repeat center center;
padding: 0;
margin: 0 auto;
border-bottom: 1px solid #fff;
width: 1000px;
height: 666px;
}

Din header är för övrigt mycket bredare än resten av sidan. Headern och wrappern borde vara lika breda, och content och side borde tillsammans också ha den bredden (men man måste räkna med padding och margin).

På grund av att din wrapper är för liten blir inte headern helt centrerad då den är för bred.

Nu kom den på andra sidan istället.

Du kan inte ha ersatt med det jag skrev. Ta bort allt som ligger inom div#header och ersätt med det jag skrev. Du kan inte ha float, clear och display.

Får inte till det. Antingen så funkar det inte eller så gör jag fel men om du vill så får du gärna testa. Om du vill.

Hur ser din blogg ut? Har du länkt till den? :)

Jag har provat på din blogg, och det fungerar. Du har inte tagit bort de delar ur din stilmall jag bad dig att ta bort. prova igen att ta bort allt det här:

div#header {
background: url(http://cdn.publishme.se/cdn/9-1/4028515/images/2013/mg_4732_50e5d4d9ddf2b317d6000890.jpg) repeat center center;
float: right;
clear: left;
display: inline;
padding: 0 55px 665px 65px;
border-bottom: 1px solid #fff;
width: 875px;
height: 1px;
}

Och klistra istället in det här:

div#header {
background: url(http://cdn.publishme.se/cdn/9-1/4028515/images/2013/mg_4732_50e5d4d9ddf2b317d6000890.jpg) no-repeat center center;
padding: 0;
margin: 0 auto;
border-bottom: 1px solid #fff;
width: 1000px;
height: 666px;
}

#11 http://lisabengtsson.webblogg.se

#12 Nu är headern åt höger istället.

#13 Tack :)

Jag hade minskat headern, ser bättre ut då :)

#14 Tack! Nu gjorde jag som Mimmi skrev men nu har hela headern hamnat på höger sida istället. Kan du hjälpa mig?

#15 Är tyvärr inte så haj på koderna, när det kommer till sånt.

#16 Ahh okej synd. Tack ändå!

Har du ändrat float till center? Det står det på min, och min är i mitten, vet inte om det har betydelse :P

provade att skriva float: center; om de va så du mena och de gick inte.

#19 Ok hmm konstigt.
Du kan inte byta design helt? :) Det gjorde jag någon gång när det krånglade för mig hihi

#20 Jo jag gjorde de nu! Inte helt i mitten men tycker de ser bättre ut eftersom de nu är vid bakrund !

Tack för hjälpen båda två!!