no funciona la propiedad margin-left en ie 6 y 7

pithon · #1 (**permalink**) 17/04/2012, 05:48

Hola intento crear un div principal centrado en pantalla, dentro del div principal tengo tres div mas, donde estos div le quiero dar un margen a la izquierda pero no me funciona en el primer div en los otros dos si esto pasa en ie 6 y 7 alguien me puede dar alguna solucion, se que el 6 y 7 son navegadores absoletos pero digo que alguna solucion hay no?

pongo un ejemplo de codigo html y css:

Código HTML:

Ver original<html>
<head>
<style type='text/css'>
body{
    text-align:center;
}
#contenedor{
    border:solid 1px black;
    width:700px;
    text-align:left;
    margin:0 auto;
}
.posicion{
    margin:30px 30px 30px 30px;
}
 
.primero{
    border:solid 1px green;
    width:300px;
    margin-left:70px;
}
.segundo{
    border:solid 1px yellow;
    width:300px;
    margin-left:70px;
}
.tercero{
    border:solid 1px blue;
    width:300px;
    margin-left:70px;
}
</style>
</head>
<body>
    <div id='contenedor'>
        <div class='posicion'>
            <div class='primero'>
                <p>primero</p>
            </div>
            <div class='segundo'>
                <p>segundo</p>
            </div>
            <div class='tercero'>
                <p>tercero</p>
            </div>
        </div>
    </div>
</body>
</html>

IsaBelM · #2 (**permalink**) 17/04/2012, 06:57

quita margin-left y añade esto

Cita:

.posicion{
margin:30px;
padding-left:70px;
}

la diferencia entre margin y padding es que margin establece un margen con respecto a su contenedor, mientras que padding establece un margen respecto a su contenido

pithon · #3 (**permalink**) 17/04/2012, 07:14

Hola IsaBelM, en principio gracias por tu colaboracion, referente al padding es lo que habia pensando incluso ya lo probe y me funciona bien pero lo del margin en ie era ya cabezoneria de buscar una solucion jeejej, pero nada te hare caso y ya esta utilizare padding-left, gracias y saludos.

pithon · #4 (**permalink**) 17/04/2012, 07:21

perdonar que vuelva pero es un dato que lo doy por si puede ser importante si quito el primer div el problema lo tengo en el siguiente siempre pasa con el primer div, bueno de todas forma como dijo IsaBelM el padding-left me va perfecto, saludos.