Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)

[Gunlaug Sørtun]

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...



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/

Re: [css-d] just using CSS, can I center a sentence both horizontally and vertically in a window (viewport)

[tedd]

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...
>>
>>  
>
>
>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)

[Bruno Fassino]

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...
>
> 


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)

[Gunlaug Sørtun]

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...



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)

[Martin Möller]

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]

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)
> IE6 Yes
> IE7 Yes
> Win Safari 3.0.3 Yes
> Opera 9.25 Yes
> Firefox 3 Yes

Simple fix added to support hcenter for IE5.5 (which should also fix 5.01).

Thanks, Martin!

-- 
~~~
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)

[Martin Möller]

> 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]

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/