At 4/27/2007 04:04 PM, Lori Lay wrote:
>[EMAIL PROTECTED] wrote:
> > If you change your CSS to the following it will work.
> >
> > #footer {
> > height:50px;
> > position:relative;
> > }
> > #footwrap
> > {
> > position:absolute;
> > bottom:0;
> > width:100%;
> > }
> > #footwrap p
> > {
> > text-align:center;
> > }
> >
>
>I got this reply off-list. Changing the code as suggested above and
>adding left: 0; to #footwrap worked like a charm.
Another principal at work here is that IE applies text-align not just
inline elements but to block-level elements as well. So, for
instance, a standard way to center a block cross-browser has been:
<div id="parent">
<div id="child">
[content...]
</div>
</div>
#parent
{
/* center child in IE */
text-align: center;
}
#child
{
/* center child in compliant browsers */
margin: 0 auto;
/* don't center child's contents (correction for IE hack) */
text-align: left;
}
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/
