Centrering af divs med CSS

Der er mange webdesignere der har problemer med at få deres divs centreret på en måde, hvor det ikke går ud over alt det indhold, der bliver placeret i dem.

Det er der heldigvis en løsning for! Jeg har mange gange set at man har brugt et 'center'-tag til at løse problemet, men denne løsning er ikke særlig fordelagtig i forhold til det indhold man har i div boksen. Her er hvad vi gør:

I din CSS-fil tilføjer du:

#id på din div-boks {
margin-left:auto;
margin-right:auto;
}

Man kan altså løse problemet på en god måde ved at bruge margin:auto; på både venstre og højre side. På den måde bliver div-boksen placeret lige i mellem venstre og højre side af browseren.