# Centrera med CSS
Author: deeman

Vill du centrera din webbsida med innehållet så gör man detta enkelt med en autogenerering av vänster och högermarginalerna. Det finns olika sätt att göra detta på, men det absolut enklaste i detta fall är att skriva in kodraden nedan i din stilmall.

Ex.1  
(CSS)  
  

#wrapper{  
width:960px;  
margin:0 auto;  
min-height:100%;

}

Och så här ser HTML koden ut för att implementera allt i  
ett HTML-dokument:  
  
<div id="wrapper">  
..ditt innehåll...  
</div>

  

**FÖRKLARING  
  
#wrapper  **Ett _s k_ DIV- element som är separerat från BODY -taggen och som omfamnar delar av eller hela din webbsida och dess innehåll. Allt innehåll bör ligga inom en vad vi kan kalla för _"en behållare"_.  Denna behållare kallas inom branschen för en _"Wrapper"_ eller _"Container"._ Begreppet _"wrapper"_\- menas alltså att något är inslaget i en behållare_(wrapper)_, eller att man slår in något, något är omfamnat eller man omfamnar_(container)_ något innehåll.

**min-height:100%** Med _min-height:_ satt till 100%  sätter du automatiskt minsta höjden på hela webbplatsen och man vill ju oftast att en sida ska täcka hela sidan från toppen till botten

**margin: auto 0;** Sätter du _margin_ -värdet till _auto 0_ eller till _0 auto_ så får du samma resultat, du centrerar hela sidans _(960px)_\-innehåll i förhållande till skärmstorlek och angiven storlek i _width_. Sätter du däremot _width -värdet _till 100% så finns det givetvis inget att centrera då 100% som _width _\-värde kommer att täcka hela skärmen från kant till kant.