At 4/27/2007 03:28 PM, Lori Lay wrote:
>I would like to vertically align and centre some text at the bottom of a
>division.
...
><div id="footer">
> <div id="footwrap">
> <p>Here is the text I want to centre on the bottom</p>
> </div>
></div>
>
>CSS:
>
>#footer {
> text-align: center;
> position: relative;
> width: 100%;
> height: 50px;
> clear: both; }
>
>#footwrap {
> position: absolute;
> bottom: 0; }
>
>Here's the problem: the text is properly aligned at the bottom of the
>footer, but only the start of the paragraph is horizontally centred. As
>you can see, I am using text-align: center to centre the text. This
>doesn't work in this case (in IE 6 only). The start of the paragraph is
>correctly centred, but not the whole thing. So in my example above, the
>word Here seems to be centred, but not the entire line.
According to the spec [1] text-align should be inherited, so perhaps
you've stumbled across one of the many spots where IE6 drifts away
from the spec either deliberately or buggily.
I would try applying centering to the paragraph itself with #footwrap
p { text-align: center; }
You might also be able to diagnose the problem more clearly if you
apply a background-color to the paragraph. Does that show that the
first line is centered and the others are flush-left?
[1] CSS 2.1 Specification : 16 Text : 16.2 Alignment: the 'text-align' property
http://www.w3.org/TR/CSS21/text.html#alignment-prop
Regards,
Paul
__________________________
Paul Novitski
Juniper Webcraft Ltd.
http://juniperwebcraft.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
