Problem CSS 'vertical-align' property

[davemarsh]

Hi, should'nt the child span be aligned in the middle of the parent in this example?? - what am i doing wrong? :

<span style=&quot;width: 300px; height: 300px; background: #ccc;&quot;>
	<span style=&quot;vertical-align: middle;&quot;>In the Middle?
	</span>
</span>

Cheers...

 

[onpnt]

snapshot from

http://www.hypergurl.com/csstutorial8.html

vertical-align
Example code ... H2 { vertical-align: top }

Browser support for vertical align is almost non-existent.

At this time the only values supported by IE 4 and 5 are
sub ..... puts the element in subscript.
super ..... puts the element in superscript.

upon my further testing the statement in NN and IE I found it to be accurate as well. the text did align in NN7 but not in IE5.5 _________________________________________________________
for the best results to your questions: FAQ333-2924
Is your question a most FAQ?? Find out here FAQ333-3048

http://www.onpntwebdesigns.com/aspTut4.asp

 

[davemarsh]

Yeah, cheers - it seems IE only supports this CSS property if the element itself has the 'valign' attribute - so SPAN would'nt work.. ah well, i'll do something with tables.

cheers - dave..

 

[cian]

You could try {margin: 50% 0;}
Don't know if it will work but it might!


É
::

http://www.endamcg.com

 

[Trevman]

vertical-align does not behave the same as valign in tables, works differently.

read the css spec for all the details. ===
Supports Mozilla and Web Standards
Knows HTML/XHTML, CSS1, JavaScript, PHP, C++, DOM1
===