Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
Philippe Wittenbergh wrote: On Sep 16, 2008, at 1:31 PM, Bill Brown wrote: http://www.webdevelopedia.com/vertical_centering_unknown_height.html That can't work correctly on IE 7, as far as can tell. That browser supports selectors of the type #vc-frame[id], but has no support for display:table-*. I'm not surprised that davidL is reporting a failure. One would have to throw IE into Quirks mode for it to work. (I haven' seen the thing 'live on IE', as I'm nowhere near to a Windows machine). Sorry guys-- The monitor has died on my Windows machine and I'm waiting for a new one to come in. I was under the impression that IE7 was supporting display:table-*, but clearly, that's incorrect. Presumably, moving the IE only code block into a conditional comment block will fix that. If you get a chance, please have another look at: http://www.webdevelopedia.com/vertical_centering_unknown_height.html ...and let me know how it fares. I should have a new monitor for the Windows Beast tomorrow, so I can test before sending off any more bad info. I don't have a Mac or access to one, so I'm also a little curious to know how it does on a Mac OS. Thanks. Bill -- ~~~ Bill Brown, MacNimble.com :: From dot concept to dot com since 1999 WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com The intuitive mind is a sacred gift and the rational mind is a faithful servant. We have created a society that honors the servant and has forgotten the gift. -- Albert Einstein ~~~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
If you get a chance, please have another look at: http://www.webdevelopedia.com/vertical_centering_unknown_height.html ...and let me know how it fares. IE 5.5 No (aligns left middle) IE6 Yes IE7 Yes Win Safari 3.0.3 Yes Opera 9.25 Yes Firefox 3 Yes __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
Bill Brown [EMAIL PROTECTED] wrote: Martin Möller wrote: If you get a chance, please have another look at: http://www.webdevelopedia.com/vertical_centering_unknown_height.html ...and let me know how it fares. IE 5.5 No (aligns left middle) Simple fix added to support hcenter for IE5.5 (which should also fix 5.01). Yep 5.5 works now! :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
Bill Brown wrote: http://www.webdevelopedia.com/vertical_centering_unknown_height.html I'll only mention the usual weakness with vertically centering an element by offsetting it - as you do in IE7 and older, as tall elements on short windows will end up partly above the screen and out of reach. This overflow is normally not a problem since the element is most often shorter than the window. It is however enough of a problem in some cases, to warrant the existence of a different solution... http://www.gunlaug.no/contents/wd_additions_20.html The advantage is that the centered element stays within reach no matter the size of it and the window. The disadvantage is that I have used an IE-expression to simulate CSS table behavior in IE7 and older. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
On Tue, Sep 16, 2008 at 6:21 PM, Gunlaug Sørtun wrote: Bill Brown wrote: http://www.webdevelopedia.com/vertical_centering_unknown_height.html I'll only mention the usual weakness with vertically centering an element by offsetting it - as you do in IE7 and older, as tall elements on short windows will end up partly above the screen and out of reach. This overflow is normally not a problem since the element is most often shorter than the window. It is however enough of a problem in some cases, to warrant the existence of a different solution... http://www.gunlaug.no/contents/wd_additions_20.html I would also add this other solution [1] to the mix :-) which also avoids the problem mentioned by Georg (at the cost of some extra unsemantic elements). Bruno [1] http://www.brunildo.org/test/shrink_center_4.html -- Bruno Fassino http://www.brunildo.org/test __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
At 7:16 PM +0200 9/16/08, Bruno Fassino wrote: On Tue, Sep 16, 2008 at 6:21 PM, Gunlaug Sørtun wrote: Bill Brown wrote: http://www.webdevelopedia.com/vertical_centering_unknown_height.html I'll only mention the usual weakness with vertically centering an element by offsetting it - as you do in IE7 and older, as tall elements on short windows will end up partly above the screen and out of reach. This overflow is normally not a problem since the element is most often shorter than the window. It is however enough of a problem in some cases, to warrant the existence of a different solution... http://www.gunlaug.no/contents/wd_additions_20.html I would also add this other solution [1] to the mix :-) which also avoids the problem mentioned by Georg (at the cost of some extra unsemantic elements). Bruno [1] http://www.brunildo.org/test/shrink_center_4.html While people are providing solutions for page centering (not sentence centering), here's mine: http://webbytedd.com/b2/vertical-center-tedd/ Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)
tedd wrote: While people are providing solutions for page centering (not sentence centering)... Just to make sure nothing gets lost in translation: full page centering and in-page content centering are two sides of the same thing as far as I'm concerned. I cover both page centering and sentence (in a paragraph) centering in the article I linked to, and the latter is also exemplified in one of the demos following my article... http://www.gunlaug.no/tos/moa_11g.html I have also covered the limitations. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/