ErikBooy007
Terugkerende gebruiker
- Lid geworden
- 24 mei 2007
- Berichten
- 3.814
Is het mogelijk om de offsetHeight van een element te verkrijgen terwijl de display-property nog op 'none' staat.
Het is namelijk zo, dat ik een custom alertbox gemaakt heb op m'n site, en die wil ik in het midden van het scherm positioneren.
De CSS die ik hiervoor gebruik is (versimpeld):
Normaal gesproken geen probleem, ware het niet dat de hoogte afhankelijk is van de hoeveelheid tekst in de alert.
Nu wil ik het liefst eerst de tekst in de alert zetten, dan positioneren en dan zichtbaar maken. Maar dat betekent dus dat ik de offsetHeight moet weten, dan moet je de margin-top -0,5 * offsetHeight worden en dan pas zichtbaar worden.
Ik kan natuurlijk altijd nog eerst de alert tonen en dan pas positioneren, maar als jullie een manier weten om het zo te doen als ik het graag wil, dan hoor ik het graag.
Het is namelijk zo, dat ik een custom alertbox gemaakt heb op m'n site, en die wil ik in het midden van het scherm positioneren.
De CSS die ik hiervoor gebruik is (versimpeld):
Code:
#messagebox{
width: 600px;
height: 200px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -300px;
}Normaal gesproken geen probleem, ware het niet dat de hoogte afhankelijk is van de hoeveelheid tekst in de alert.
Nu wil ik het liefst eerst de tekst in de alert zetten, dan positioneren en dan zichtbaar maken. Maar dat betekent dus dat ik de offsetHeight moet weten, dan moet je de margin-top -0,5 * offsetHeight worden en dan pas zichtbaar worden.
Ik kan natuurlijk altijd nog eerst de alert tonen en dan pas positioneren, maar als jullie een manier weten om het zo te doen als ik het graag wil, dan hoor ik het graag.
