Hi,
I would like to vertically align and centre some text at the bottom of a
division. In compliant browsers, I can accomplish this by using
display: table and display: table-cell with vertical-align: bottom.
This works like a charm.
However, in IE 6, I have an odd problem. I have read that the
work-around to IE's lack of display: table support is to use absolute
positioning. Here's a mock-up of the code:
<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.
Does anybody have any ideas?
Thanks,
Lori
______________________________________________________________________
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/
