login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[opgelost] Vertical-align

Offline tswebdev - 30/01/2007 19:05 (laatste wijziging 30/01/2007 19:58)
Avatar van tswebdevPHP interesse Beste webmasters,

Ik heb een layout gestructureerd met html en opgemaakt met css.
De layout is volledig opgebouwd uit divs. Ik heb in men css bestand voor een bepaalde div deze regel getypt om een tekst verticaal te centreren binnen de div:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. vertical-align:middle;

Maar steeds opnieuw blijft de tekst in die div bovenaan in de div staan.
Ik heb het ook al geprobeerd met deze code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. padding-bottom: 50%;
  2. padding-top: 50%;

Maar dan wordt men div opmerkelijk groter.
Is er misschien nog een andere oplossing om tekst in een div mbv een css bestand verticaal te centreren?

Met vriendelijke groet,

TS Webdev

7 antwoorden

Gesponsorde links
Offline pim1991 - 30/01/2007 19:07
Avatar van pim1991 PHP interesse Center misschien?
Offline tswebdev - 30/01/2007 19:10 (laatste wijziging 30/01/2007 19:17)
Avatar van tswebdev PHP interesse Center is volgens mij geen css selector.
Ik moet dus een css selector hebben om tekst verticaal te centreren in een div.
Offline Soebam - 30/01/2007 19:24
Avatar van Soebam HTML ver gevorderde http://www.jakp...ution.html
Offline pim1991 - 30/01/2007 19:25
Avatar van pim1991 PHP interesse http://www.webs...&k=601

Hier staat iets over iets te centreren met css.
Ik weet het zelf ook niet maar dit was de eerste optie in google ;)
Offline tswebdev - 30/01/2007 19:45 (laatste wijziging 30/01/2007 19:58)
Avatar van tswebdev PHP interesse @ Soebam:
De "hacks" die op die site worden aangehaald werken bij mij ook niet.

@pim1991:
Mijn bedoeling is verticaal centreren, niet horizontaal

Edit: oplossing gevonden.
code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. display:table-cell;
  2. vertical-align:middle;
Offline timo - 30/01/2007 20:13
Avatar van timo PHP ver gevorderde en die hacks zoals op die site van Soebam zijn ervoor nodig dat dat ook in IE werkt (als ik het goed heb, heb die pagina beetje oppervlakkig gelezen)
Offline Soebam - 30/01/2007 20:44
Avatar van Soebam HTML ver gevorderde Ik heb de pagina ook maar oppervlakkig gelezen. Dit is zo'n 'google' probleem , google erop en je hebt je oplossing..
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s