Re: [css-d] Vertically align a div when height is dynamic
On 3/11/06, Aaron Seelye [EMAIL PROTECTED] wrote: Sorry about the lack of details, I'll try to do better. I'm looking at aligning the div in relation to the viewport. http://template006.pixelsoftfilms.com/ is what I'm working on, I'd like the actual content to be in the middle of the viewport, rather than bumping up on the top. Sorry about the late reply - I'm backlogged :-) The relevant page on the css-discuss wiki is http://css-discuss.incutio.com/?page=CenteringBlockElement - scroll to the bottom. Most techniques listed require you to know the height of the div you are centering. One doesn't : http://www.jakpsatweb.cz/css/css-vertical-center-solution.html It needs 3 nested divs to work in IE. You can see it in action at http://www.webfarm.co.nz/ -- Richard Grevers, New Plymouth, New Zealand Hat 1: Development Engineer, Webfarm Ltd. Hat 2: Dramatic Design www.dramatic.co.nz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Vertically align a div when height is dynamic
Aaron Seelye wrote: I'm trying to vertically align a div when the height is unknown (as the subject alluded to), and all the examples I've found deal with a static height div. Even pointing me at a site that does this and I can backtrack what was done is fine, but I'm just at a loss currently, and would appreciate any insight anyone could lend. Vertically align the div in relation to what? Another div? The viewport? Align the tops vertically or the centers vertically? Etc. Without more information, and preferably a page to look at (perhaps with a mockup of your desired outcome) we can only guess at the answers you need. Thanks, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Vertically align a div when height is dynamic
Sorry about the lack of details, I'll try to do better. I'm looking at aligning the div in relation to the viewport. http://template006.pixelsoftfilms.com/ is what I'm working on, I'd like the actual content to be in the middle of the viewport, rather than bumping up on the top. Thanks, -Aaron - Original Message - From: Zoe M. Gillenwater [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Friday, March 10, 2006 10:54 AM Subject: Re: [css-d] Vertically align a div when height is dynamic Aaron Seelye wrote: I'm trying to vertically align a div when the height is unknown (as the subject alluded to), and all the examples I've found deal with a static height div. Even pointing me at a site that does this and I can backtrack what was done is fine, but I'm just at a loss currently, and would appreciate any insight anyone could lend. Vertically align the div in relation to what? Another div? The viewport? Align the tops vertically or the centers vertically? Etc. Without more information, and preferably a page to look at (perhaps with a mockup of your desired outcome) we can only guess at the answers you need. Thanks, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.1.375 / Virus Database: 268.2.1/278 - Release Date: 3/9/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Vertically align a div when height is dynamic
Aaron Seelye wrote: Sorry about the lack of details, I'll try to do better. I'm looking at aligning the div in relation to the viewport. http://template006.pixelsoftfilms.com/ is what I'm working on, I'd like the actual content to be in the middle of the viewport, rather than bumping up on the top. Thanks, -Aaron - I'm not sure if I understand. Is something like this what you're after? http://www.dlaakso.com/sandbox/center-stuff.html If it is, approach with caution. You'll need to clear the chrome at 800(and everyone has a different setup), so height is restricted to approx. 380px or less; and there are inherent problems, particularly dealing with text-on zoom, and (possibly) sidebar users. Degrades in Mac/5.2 centered horizontal at top viewport. Regards, ~davidLaakso __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Vertically align a div when height is dynamic
Zoe M. Gillenwater wrote: Aaron Seelye wrote: I'm trying to vertically align a div when the height is unknown (as the subject alluded to), and all the examples I've found deal with a static height div. Even pointing me at a site that does this and I can backtrack what was done is fine, but I'm just at a loss currently, and would appreciate any insight anyone could lend. Vertically align the div in relation to what? Another div? The viewport? Align the tops vertically or the centers vertically? Etc. Inside a generic container. Something that's been done for decades in print media (go page through a magazine). Something that was perfectly possible using table-based layouts (valign=middle). Something that is hair-pullingly difficult using CSS ( http://www.jakpsatweb.cz/css/css-vertical-center-solution.html ). david __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Vertically align a div when height is dynamic
Aaron Seelye wrote: Yeah, that's pretty much what I'm after, except the height is obviously much larger than 380px, and couldn't be locked in to a specific value, and might at some point be taller than the viewport, so it'd have to be able to adapt to that. If it can't that's fine, I'm just essentially playing around with css, but I'm just trying to see what I can do with it. Thanks, - Yeah, that's pretty much what I'm after. That's nice, Just who is it you are responding to? Me http://www.dlaakso.com/sandbox/center-stuff.html, or someone else? Moral: do not top post, please. Thanks, ~davidLaakso __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/