Okay, how the heck do I vertically center a DIV???

windows

Guest
Can anyone tell me, cuz the code below doesn't do jack squat and I don't wanna use a table to do this!

<div align="center" style="vertical-align: middle;">Try searching for this in the dhtml and css forums, you may find your answer thereCan anyone tell me, cuz the code below doesn't do jack squat and I don't wanna use a table to do this!

<div align="center" style="vertical-align: middle;">

Seems that we don't have vertical-align in divs.

I wonder why they haven't done anything about this obvious weekness of DIVs compare to dear old TABLEs.

you must use position. you have to know the height of everything, get a calculator and draw a plan ... as if you are going to write just one html page in your whole life. LOLamahmood you're kidding me right? I've been watching this post waiting for the answer. Please don't tell me that "vertical-align:middle;" doesn't work. I was hoping to hear something about negative margins or padding. Damn

Please say it ain't so! :[Check this site: <!-- m --><a class="postlink" href="http://www.wpdfd.com/editorial/thebox/deadcentre4.htmlThe">http://www.wpdfd.com/editorial/thebox/d ... e4.htmlThe</a><!-- m --> problem is that the vertical-align property only applies to in-line elements and table-cell elements, whereas a div is a block element by default. You can change your div in question to be "display: table-cell" and then get vertical-align to work, though you then may have to do some work to get the div positioned correctly.Great thanks, and of course it would crap out in IE!!!

Oh well.
 
Back
Top