Hjælp til vertical centrering

Tags:    php

Jeg har det her problem jeg er ved at rive håret af mig selv over!

På min side http://jespersunivers.dk/days/ prøver jeg desperat vertikalt at centrere mine smileys.

Men ved at sætte
Fold kodeboks ind/udKode 

ind i css arket. Og
Fold kodeboks ind/udKode 

i top og bund af selve siden sker der intet?
Er der en koder med en løsning?



Indlæg senest redigeret d. 18.06.2007 11:46 af Bruger #12019
Du skal bruge noget line-height, hvis du vil have en vertical-align til at virke efter hensigten :)



Du skal bruge noget line-height, hvis du vil have en vertical-align til at virke efter hensigten :)


Med
Fold kodeboks ind/udKode 

virker det stadig ikke (hvis det var hvad du mente?)



Du kan være ganske rolig! Jeg har også råbt og skreget flere gange over "vertical-align: middle;" ikke virker.

Det eneste løsning jeg indtil videre har fundet, er at bruge en tabel (ja, ved det er nedern for folk der er meget tilhænger af divs).
En tabel middercentere automatisk sit indhold med mindre andet er angivet.



Err, I skal ikke bruge vertical-align: middle; men derimod

vertical-align: center;

:roll:



Err, I skal ikke bruge vertical-align: middle; men derimod

vertical-align: center;

:roll:


Hvor sørens har du dog fået "center" fra?
http://www.w3schools.com/css/pr_pos_vertical-align.asp

:roll:



Err, I skal ikke bruge vertical-align: middle; men derimod

vertical-align: center;

:roll:


Hvor sørens har du dog fået "center" fra?
http://www.w3schools.com/css/pr_pos_vertical-align.asp

:roll:


Hmm hovsa, min fejl. Skulle have været text-align >.< Har vist misforstået spørgsmålet.



Indlæg senest redigeret d. 18.06.2007 11:05 af Bruger #8223
Enten har jeg misforstået JesperW ellers har i andre.

Han vil gerne have hans smiley til at være centreret med hans linje.

I det tilfælde så skal du have en line-height på din tekst (fx. 1.5em) og så skal du have en line-height: 1.5em på dit div lag samt en vertical-align: middle; - så burde din smiley ikke stå på grundlinjen af teksten.



Enten har jeg misforstået JesperW ellers har i andre.

Han vil gerne have hans smiley til at være centreret med hans linje.

I det tilfælde så skal du have en line-height på din tekst (fx. 1.5em) og så skal du have en line-height: 1.5em på dit div lag samt en vertical-align: middle; - så burde din smiley ikke stå på grundlinjen af teksten.


med
Fold kodeboks ind/udKode 

og
Fold kodeboks ind/udKode 

giver det stadig intet resultat. Jeg er begyndt at hade smileys.



Med mindre mine browsere er skide skæve, så er "middle" = midt og ikke noget andet. Dvs. billedets midtpunkt justeres ifht. midtpunktet for tekstlinjes højde. Det så fuldstændig lige fedt om man har en line-height værdi på 1px eller to meter. Midt er midt. Især da <img> er et in-line element.

Men selvfølgelig, så skal vertical-align tilskrives til <img> for at virke. :)



Ja, der må jeg give Gnu ret!

"Middle" er i midden af noget lodret!
Efter som "Vertical-align: top;" kommer toppen uanset hvad, og "vertical-align: bottom;" kommer i bunden uanset hvad, så burde "vertical-align: middle;" komme i midden!

Men ingen browsere (jeg har testet det i) har så meget som giddet kigge på den og overveje at sætte den i midden!



t