# headern är inte i mitten
Author: lisaheterjag

Min header är inte i mitten och jag har ingen aning om hur jag ändrar de.

Just nu så ser min stilmall så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;  
}  
  
div#content {  
float: right;  
clear: left;  
display: inline;  
padding: 0 20px 20px 20px;  
width: 540px;  
}

## Comment 1
Author: [Borttaget]

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?

## Comment 2
Author: lisaheterjag

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.

## Comment 3
Author: [Borttaget]

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.

## Comment 4
Author: lisaheterjag

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

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

## Comment 5
Author: [Borttaget]

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.

## Comment 6
Author: lisaheterjag

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

## Comment 7
Author: [Borttaget]

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](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.

## Comment 8
Author: lisaheterjag

Nu kom den på andra sidan istället.

## Comment 9
Author: [Borttaget]

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.

## Comment 10
Author: lisaheterjag

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.

## Comment 11
Author: Fridaaaa

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

## Comment 12
Author: [Borttaget]

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](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](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;  
}

## Comment 13
Author: lisaheterjag

#11 http://lisabengtsson.webblogg.se

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

## Comment 14
Author: Fridaaaa

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

## Comment 15
Author: lisaheterjag

#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?

## Comment 16
Author: Fridaaaa

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

## Comment 17
Author: lisaheterjag

#16 Ahh okej synd. Tack ändå!

## Comment 18
Author: Fridaaaa

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

## Comment 19
Author: lisaheterjag

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

## Comment 20
Author: Fridaaaa

#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

## Comment 21
Author: lisaheterjag

#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å!!