On Sun, 12 Nov 2006 19:23:11 +0000, Santiago Restrepo wrote
(in message <[EMAIL PROTECTED]>):

> This site ( 
> http://www.utp.edu.co/pruebacrie)<http://www.utp.edu.co/crieprueba>
> works beautifully in  firefox and safari, but it's a total mess in IE. I
> want to ask, why the automatic margins don't work? the site's supposed to be
> centered, but i have no idea why isn't working in IE.

Hi

>From your style-sheet:

#contenedor
{
        position: relative;
        width: 700px;
        height: 600px;
        background: #FFFFFF url("../imagenes/stripes.jpg") repeat-x bottom left;
        margin: 0px auto 0px auto;
        border: 2px solid #d2d2d2;
}

in the margin declaration the value "auto" doesn't work in IE 6 I don't 
think.

You might want to create a separate style-sheet for IE 6, then create a 
margin with "solid" values for the #contenedor

All you would need in the IE 6 style-sheet would be:

#contenedor
{
        margin: 0 100px 0 100px;
}

assuming 100px margin.

Put the link for the IE 6 style-sheet with just that before the links to the 
other style-sheets.

Most importantly surround link for IE 6 style-sheet with a conditional 
comment.

You can read about conditional comments here:

<http://www.elated.com/tutorials/authoring/css/conditional_comments/>

Using the conditional comment only IE 6 will see the alternative margin 
declaration.

Fortunately IE 7 supports the value of "auto" in the margin declaration so it 
should be okay.
-- 
Patrick

<http://www.patrickjames.me.uk>


______________________________________________________________________
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/

Reply via email to