Jon Hicks did a great article on this very topic a while back -- you might want to try what he says:
// hicksdesign :: articles | vertical centering with CSS
http://www.hicksdesign.co.uk/articles/archives/000030.phpNate
On Mar 6, 2004, at 8:49 AM, Christiansen & Jonsson wrote:
Thanks for your reply. Maybe I should clarify....
I would like to have a 750px X 420px container div (wrapper) floating
horizontal and vertical in the centre on the screen. Is that possible using
css or do I need a javascript? (which I really would like to avoid)
I did a search for "David Hasselhoff" on the WSG site but no results. I'm
sure a David Hasselhoff search on google would give me some results... but
not the one I'm looking for ;)
Kim
----- Original Message ----- From: "James Ellis" <[EMAIL PROTECTED]> To: <[EMAIL PROTECTED]> Sent: Saturday, March 06, 2004 1:33 AM Subject: Re: [WSG] Before I start
Kim
In what way do you want to float it vertically? If you want to sit a box
in the vertical middle of another box, set its top and bottom margin to
be the same:
-------------- top margin ---------------- box --------------- bottom margin -------------
margin : 30px 0px;
vertical-align : middle; can be applied to table-cell and inline elements (the CSS2 rec explains it). In tables you can then apply td { vertical-align : middle; }
instead of using html presentation of <td valign="middle">
I think, though, you are talking about floating a box so the text wraps
around it above and below. If you do search for the "David Hasselhoff"
experiment/competition run a while back - your answer may be there. I
believe The Daemonite (Ben) Bishop had a solution to Hasselhoff quandary.
:D
Cheers James
Kim Kruse wrote:
Hi,
Before I start out on a project I would like to know if it's possible to
float a mainwrapper vertical?
If so... what about browser support (Version 5+ browsers)
Thank you and have a nice weekend Kim
***************************************************** The discussion list for http://webstandardsgroup.org/ *****************************************************
***************************************************** The discussion list for http://webstandardsgroup.org/ *****************************************************
***************************************************** The discussion list for http://webstandardsgroup.org/ *****************************************************
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
