Vertical-align CSS

[Evilcookie]

Hallo,
Ik was zo eens even bezig met CSS en ik probeerde toen het vertical-align command te gebruiken.

span.verticalCentered
{
vertical-align: bottom;
width: 800px;
height: 100px;
}

Dit is een deel van mijn CSS scriptje, het probleem is dus dat vertical-align het niet doet :S. Misschien heeft iemand hier een antwoord op, misschien is het ook handig om te weten dat er geen spelfouten zijn gemaakt.

Alvast bedankt,
Patrick Uffels

[Lorrens]

Ik denk dat je niet snapt wat vertical align doet..
Vertical-align is bedoelt voor bijvoorbeeld plaatjes in je tekst, op welke hoogte deze van de regel moet staan.

Wat jij wil is hem in het midden van je scherm positioneren. Dit doe je zo:

span.verticalCentered
{
display: block;
position: absolute;
top: 50%;
margin-top: -50px; /* dit is de helft van de hoogte keer */
left: 0px;
width: 800px;
height: 100px;
}

[Filmfocus.nl]

ik gebruik dit om mijn dingen te aligneren
//

#flashcontent {
position: absolute;
height: 551px;
width: 972px;
left: 50%;
top: 50%;
margin-top: -257px;
margin-left: -486px;
}

//

gaat om een swf van 972*551, -257 en -486 moet je veranderen in de helft dus van je main h en b.

[Evilcookie]

Ik wil zeg maar de text in een div naar de bottom alignen. Sorry dat ik de vraag niet goed heb gesteld, kan iemand hier antwoord op geven?

Alvast bedankt,
Patrick Uffels

[jexter2]

margin-top:;?

[Lorrens]

Kijk naar mijn oplossing. Die werkt gewoon hoor!
Vertical-align property heb je gewoon verkeerd begrepen, dat is net zoiets als text-align, maar dan verticaal ;)
FilmFocus geeft gewoon precies hetzelfde antwoord als ik, maar dan ook nog horizontaal gecenterd.. :)

[Evilcookie]

met jouw antwoord wordt het hele blokje vertical aligned en ik wil alleen dat de text in dat blokje wordt ge-aligned.

[Lorrens]

Dan maak je toch een blokje in het blokje?
Alleen de tekst in iets verticaal alignen kan niet, dan moet je dus gewoon een wrappertje gebruiken

[josko]

met jouw antwoord wordt het hele blokje vertical aligned en ik wil alleen dat de text in dat blokje wordt ge-aligned.
Zoals ik ook al zei, het is dus een span met de tekst erin en die centreren.

Maar ik snapte vertical-align ook niet :-)

Ik dacht dat ie ongeveer gelijk was aan valign in html. Niet dus [V] 8~

Maarja, weer wat bijgeleerd :)

[Evilcookie]

Ik dacht eerst ook dat het zoiets als valign in html was.... bedankt voor de uitleg :)

[Evilcookie]

btw lorrens wat is een wrappertje?

[josko]

Wrap --> Omsluiten.

(wurgen)

een wrappertje is dus iets wat een ander iets omsluit.
Een span element bijvoorbeeld :)

Psst: Er is een edit knop