Avatar billede side1 Novice
02. september 2008 - 20:01 Der er 6 kommentarer og
1 løsning

Centre horisontalt

Jeg har en boks i css hvor jeg vil centere teksten horisontalt. Hvordan gør jeg det?.

Jeg har prøvet at gøre det med padding-top, men problemer er at explorer og firefox behandler padding-top forskelligt. Firefox liggger padding-top til den samlede højre, det gør explorer ikke
Avatar billede krogstrup Nybegynder
02. september 2008 - 20:08 #1
Hvis du f.eks. benytter nedenstående doctype så behandles padding ens i både IE og FF

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede coderdk Praktikant
02. september 2008 - 22:45 #2
display: table-cell;

se evt. http://www.w3.org/Style/Examples/007/center
Avatar billede krogstrup Nybegynder
03. september 2008 - 10:08 #3
det eksempel der vises på siden fungerer ikke i IE7
Avatar billede roenving Novice
05. september 2008 - 03:20 #4
Horisontal centrering er ganske simpelt, giv tingen en bredde og sæt en automatisk margin på (men det kræver så til en hel del IE'er, at der er en fuldt kvalificeret doctype på, f.eks. den krogstrup viser !-)

-- iøvrigt skal det også være et block-level element f.eks. div, p eller table, men det gør du nok i forvejen:

#site{width:940px;margin:0 auto;}
Avatar billede side1 Novice
05. september 2008 - 16:15 #5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Virker perfekt.
Avatar billede mcardle Nybegynder
08. september 2008 - 11:33 #6
Det du gør er, at du i dit stylesheet skriver:

html, body{
  height: 100%;
}

derefter kan du indsætte en table med en celle og sige at tablen skal være 100% i højden. Og så sætter du en style på cellen med vertical-align: middle;

//mcardle
Avatar billede side1 Novice
01. maj 2009 - 16:09 #7
Lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB