It depends on the context you have and where you want it centred exactly. If it was centred in the browser window like above then you could use the same method as above.

If it’s being centred in another div then it depends on how the page is constructed.

You can centre images vertically like this:

http://www.pmob.co.uk/temp/image-overflow3.htm
http://www.pmob.co.uk/temp/celltest2.htm
http://www.pmob.co.uk/temp/vertical-align11.htm
http://www.pmob.co.uk/temp/vertical-align3.htm

I’d probably need to see your page to see which is best.

Do you have cross-browser-friendly (non Javascript I beg of you lol) tutorials for images? Thanks Paul. You are ubiquitous!

semicodin

Please do no post inane comments without backing them up.

Thank you.

Thank you

Yes if you have a link I’ll take a look. I don’t see why it should not work in a small pop up window (but of course IE is always buggy at the best of times).

I agree you shouldn’t open a new window but many links do.

I used the vert hoz solution “http://www.pmob.co.uk/pob/hoz-vert-center.htm” and that works fine as a pop up.

I trashed the folders from the example but will remake for you to see.

You’ll have to show me an example so I can see what’s happening. Post a link if you can

You shouldn’t really be opening new resized windows anyway (if that’s what you were doing) as it should be the users choice and not yours.

Any ideas how to fix this?

Thanks for your comments.

There is already an equivalent in css to the deprecated “valign” atttribute (it’s not a tag ) and is simply the “vertical-align” property.

It works in exactly the same way as valign and will vertically align the content in a table-cell (or inline elements in a single line).

There is no need to use the deprecated valign attribute when using tables at all.

Don’tconfuse table behaviour with the behaviour of other block elements as valign does not apply to non-table block elements either so in reality there can be no comparisons.

Yes it would be nice to have an easy vertical align property for block elements which is what I think you are asking. there are explorative specs at the w3c about ways to do this.
http://www.css3.info/advanced-layout-module-gets-a-refresh/
http://www.w3.org/TR/2005/WD-css3-layout-20051215/#vertical

It is possible to vertically align block elements now by setting an element to display:table/cell (which ie8 supports) and then using the vertical align property. (Opera/Firefox and Safari all support this now also).

Re the original article you mention that the solution here is too complicated but the html is actually less code than using a table to do the same thing so I don’t see a problem.:)

Much obliged for the reply and links. A few more to add to my collection of Vertical Align CSS bookmarks…

And I’ll know who to call on if I get a tricky CSS projects…

Regards,
Chris G.

The technique is much the same and this is a very very old demo that vertically aligns text content to the middle.

http://www.pmob.co.uk/temp/vertical-align-again.htm

Or an even older demo here:

http://www.pmob.co.uk/temp/vertical-align9.htm

You can also use the inline-block method mentioned in this article.

http://www.search-this.com/2008/08/28/lets-all-get-inline-in-a-block-in-a-block/

Although as you guessed it’s not always straight forward.:)

Hope it’s of some use.

Wow, thanks for the prompt reply!

Yes, I agree, CSS has the :table property but it’s such a shame that it doesn’t do what it says on the tin… Well, maybe it would, but as per usual along comes IE to spoil the party. Without a doubt I spend as long getting sites to work in IE as I do designing them in the first place (if not longer)…

So, just another quick question for you… All these examples focus on centering the page itself. What if you wanted to vertically centre the content of one element, in the manner of an old-style html table tag? Does your solution require any modification for that?