Avatar billede jost Nybegynder
04. december 2005 - 23:37 Der er 8 kommentarer og
2 løsninger

horisontalt og vetikalt centrering af div (og indhold i div)

Jeg har et div, som skal centreres både horisontlat og vertikalt på en side. Dvs at diven altid skal stå lige i midten på en side lige gyldig hvad opløsning man kører (med mindre den er mindre en divens højde og brede :-)
Hvordan gør jeg det?


Så har jeg en lille div, hvor jeg har en tekst der skal centreres på samme måde, men der er vel sammen kode?

Mvh

Jost L. Hansen
Avatar billede medions Nybegynder
04. december 2005 - 23:43 #1
Lav en div med 100% højde og brede... - smæk så en vertikal aligenment på og en horisontal, og lav så en div inde i den yderste div... så har du hvad du skal bruge...

//>Rune
Avatar billede jost Nybegynder
04. december 2005 - 23:58 #2
Det lyder jo som en logisk ide, så det gør jeg. Men hvad er der for en kode jeg skal bruge aligne vetikalt OG horisontalt? Jeg går udfra det er i mit stylesheet jeg skal angive denne kode for den yderste div?

Hedder det egentlig et div eller en div :-)

/jost
Avatar billede jost Nybegynder
05. december 2005 - 00:00 #3
Samme kommentar som oven over, men nu bare mere forstålig :-)

Det lyder jo som en logisk ide, så det gør jeg. Men hvad er det for en kode jeg skal bruge når jeg skal aligne div'en vetikalt OG horisontalt? Jeg går udfra det er i mit stylesheet jeg skal angive denne kode for den yderste div?

Hedder det egentlig et div eller en div :-)

/jost
Avatar billede stich Nybegynder
05. december 2005 - 01:07 #4
Avatar billede jost Nybegynder
05. december 2005 - 02:07 #5
Stich, det ser også smart ud, men jeg kan ikke lige overskue at "overføre" det til min side. Klokken er lidt for mange. Kigger lige på det i morgen.

/jost
Avatar billede michael_stim Ekspert
05. december 2005 - 08:41 #6
Bagdelen med den metode, stich, er at venstre side og toppen forsvinder når man gør vinduet mindre. Eks: Optimerer man en side til 1024x768, så kan mennesker der sidder med 800x600 og mindre ikke se venstre side (hvor menuen mange gange ligger) og toppen.
Avatar billede stich Nybegynder
05. december 2005 - 09:00 #7
Michael: I min FF 1.5 forsvinder højre side og bunden såmænd også. Så det skal selvfølgelig bruges med omhu, ja. Men som regel vil man vel heller ikke centrere en hel side vertikalt, med mindre den er temmelig lille!?
Avatar billede michael_stim Ekspert
05. december 2005 - 09:30 #8
Ja, men der kommer scroll (i min ff i hvert fald).
Avatar billede stich Nybegynder
05. december 2005 - 09:49 #9
Så længe man har scrollbars er det trods alt ikke værre, end hvad man formentlig ville opleve uden den vertikale centrering. Men jeg får dem kun indimellem, lidt afhængig af hvor hurtigt jeg trækker i vinduet m.m.

Either way, det her er formentlig en af de meget få undtagelser jeg kunne finde at gøre, mht. ikke at bruge tabeller til andet end tabulære data, i fald jeg skulle centrere en hel 'almindelig' side. Jeg tvivler dog også på jeg nogensinde ville lave et design der egnede sig til det, 9 ud af 10 gange synes jeg sådan en lille 640x480-800x600 side er grænsende til brugerfjendsk. Først brugervenlighed, dernæst design. Så selv har jeg kun brugt metoden til noget a la: http://www.daimi.au.dk/~u042841/
Avatar billede jost Nybegynder
23. december 2005 - 00:21 #10
I får lov til at dele pointsne som tak for rådene.

/jost
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