# Hjälp uppskattas
Author: Glorious

Hur ska jag få flikarna i mitten? http://creativeblog.blogg.se/

Har försökt med allt, men allt som jag testat gör att en flik blir från vänster till höger (jättebred alltså) och sedan radas upp vertikalt.

## Comment 1
Author: [Borttaget]

För att margin auto ska fungera måste blocker ha en bredd, så sätt en bredd på din ul.

## Comment 2
Author: deeman

#1 Man centrerar DIV elementet där UL menyn ligger inuti, inte själva UL-elementen i sig.

#Glorius  

Jag vet inte hur blogg.se fungerar när det gäller att ändra i koden för stilmallen(CSS), men du har ett DIV element (#cent) med storleken satt till 1040px där menyn ligger vänsterjusterad inuti detta DIV-element.

**Den CSS-Kod som håller menyn ser ut så här:**  

#cen {  
margin: 0px auto;  
width: 1040px;  
}

För att centrera innehållet så tar du helt enkelt bort atrributet "width" och den angivna storleken "1040px" och låter margin: 0px auto var kvar.  

**Ny kod:**  

#cen { margin: 0px auto; }

_Detta gör att menyn lägger sig centrerat i förhållande till DIV-elementet #wrapper som håller hela sidans innehåll centrerat med en storlek om 1040px.  
_

Vill du fylla ut hela menyn från kant till kant så lägger du till ett "width"-attribut i DIV-elementet "#navbar".  

  

**Nuvarande kod**

#navbar{  
margin:0px auto;  
height:2em;  
}

  

**Ny kod**

#navbar{  
margin:0px auto;  
width:100%;  
height:2em;  
}

## Comment 3
Author: [Borttaget]

Huruvida man väljer att centrera diven utanför eller ul:en spelar väl ingen roll, båda är ju blockelement. Har menyn en fast bredd är det egentligen onödigt att ha en div (och en centertagg) runt den, då räcker det ju fint med att bara centrera ul:en.

## Comment 4
Author: deeman

Menyn ligger i en div som är 1040px och (owerflow)utanför innehållet så därför så justerar man den, varför pilla med UL när det redan ligger bra?Det är bara det att innehållet fyller inte vidden. 

Sätter man menyn (#navbar)till 100% så har den ändå en fast bredd efertsom den ligger inom en 1040px vidd(#wrapper-diven) som håller allt på plats centrerat. 0px auto finns med men behövs egentligen inte då den är satt till 100%, den ligger där för framtida ändringar, om man t. ex vill prova med 90% så centreras den med 90% i förhållande till #Wrapper-diven på 1040px.   

Men om man bestämt sig för 100% kan man likaväl ta bort det attributet om man vill.  

Alt.1

#navbar{  
margin:0px auto;  
width:100%;/\*optional value\*/  
height:2em;  
}

Alt.2

#navbar{  
width:1040px;  
height:2em;  
}  

_Ja det är inte alltid lätt att förklara utan att demonstrera.  
Men ta vad jag skriver lättsamt, det behöver inte alls vara så som jag skriver, se det mest som ett riktmärke eller något att testa.  
Jag kan ha fel som alla andra, och andra lösningar finns det säkert gott om också. Ovan är skrivet ur kunskap och i tanken och utan vidare test eller kontroll._

## Comment 5
Author: Glorious

Men jag tycker jag har gjort som ni sagt nu men ändå händer inget?

## Comment 6
Author: deeman

Har du provat att ändra storlek på #navbar?

Prova ändra **width** till 960px på **#navbar** och lägg till **margin: 0px auto;** 

  

KOD

  

#navbar{  
width:960px;  
height:2em;  
margin:0px auto;

}

## Comment 7
Author: Glorious

Funkar inte det heller :/

## Comment 8
Author: Glorious

Nu gjorde jag så att jag kollade bredden på flikarna tillsammans, och kollade hur långt ifrån vänster de skulle vara för att vara på mitten på bredden 1040px och la till en margin-left på 272, vilket centrerar dem. Kan man ha det så eller kan det medföra något problem?

## Comment 9
Author: deeman

Märkligt, det borde gå eftersom man sätter "margin på 0px och auto.

Men det kanske är blogg.se som är lite speciellt. För generellt i vanlig CSS för hemsidor behöver man inte marginaljustera på det sättet.

Har du spånat på sajten:  
[http://www.designadinblogg.se/](http://www.designadinblogg.se/)

## Comment 10
Author: [Borttaget]

Du behöver sätta bredden på #navbar till den faktiska bredden på det synliga i menyn (alltså det rosa) för att det ska bli korrekt centrerat. Är nog kring 500 px. 🙂

## Comment 11
Author: deeman

Ja just det ja det kan man prova, men jag skrev också "optional" dvs. att prova alt. möjligheter med t ex procentangivelse till olika storlekar med att leka med procentvärdet men det framgår inte om det har testats med olika storlekar eller inte..

Hur som...,det brukar vara så att en enkel lösning är oftast den bästa.