Søg
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
IT-JOB
Seneste spørgsmål Seneste aktivitet
I dag 20:51 Knap til ipad Af FinnLauridsen i Excel
I går 13:53 Icloud mail via Outlook Af lbc i E-mail programmer
I går 08:32 USB NØGLE gratis Af nu_igen i Andet hardware
20/0121:11 Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP
20/0116:10 Tomt felt i Start Af ErikHg i Windows
White papers
Flere white papers »