Vertical align no table

[mcvdmvs]

Hi all,

I would like to vertically align a div on the page, so it's exactly centered. But I can't get it to work. I don't want to use a table.
vertical-align isn't working either, i guess because the browser don't knows the heigth of the page.

mcvdmvs
"It never hurts to help" -- Eek the Cat

 

[cian]

Doesn't work in IE so you'll need some sort of work around. Have you tried using % margins top and bottom?



<!--#sig value=''É'' url=''

http://www.ssi-developer.net''

-->

 

[mcvdmvs]

I used margins at 50%, auto etc.

However it seems that 10% is the correct margin. That wonders me so much, that i am afraid to use it.

I did some nesting as well, but after three nested divs i conclude that it isn't possible as well. So maybe only the following js sollutions helps:

// align content in middle
function vertical_align(id) {
	div_content = document.getElementById('content');
	diff = this.height - 600;
	margin = diff / 2;

	div_content.style.marginTop = margin;
}

mcvdmvs
&quot;It never hurts to help&quot; -- Eek the Cat