Centrar DIV sin auto

[elangelcaido]

Hola,

Estoy intentando centrar una div sin usar los valores auto del padding y margin, ya que "auto" no me pasa el Validador de CSS. Por supuesto debe quedar centrado en cualquier navegador y en cualquier resolucion (más o menos normal)

¿Cómo lo puedo hacer?

Gracias por la ayuda.

[Raulmmmm]

Por ejemplo:
<div id="centrado">jalsñjlfñjañlfkjalñkfjañlkfjañlkfjañ lkfjañlkfjñ</div>
#centrado{
margin-left: 10%;
margin-right: 10%;
width: 80%;}
Así te quedaría centrado.

[elangelcaido]

Gracias por la respuesta.
No me sirve tu solucion para el tema de los margin, ya que el 10% con una resolucion no es el mismo 10% que en otra. Yo quiero coseguir el mismo efecto que consigue el parámetro "auto" del padding pero sin usar este por el tema del validador CSS.

Gracias por la ayuda.

[marcelomdsc]

primero que nada no tendrias que tener ningun problema con la validacion.
y segundo si hay una forma usando marin negativo....
por ejemplo...
div {
position: absolute;
left: 50%;
width: 500px;
margin-left: -250px;
}

[AlZuwaga]

Hola, no recuerdo si padding acepta el valor auto, pero para centrar un elemento de bloque se usa el margin y no el padding:

margin-right: auto;
margin-left: auto;

[elangelcaido]

Ya sé que el "auto" hace lo que busco, pero el tema es que el validador de CSS no me lo admite. Gracias por la aportación igualmente.

marcelomdsc probaré lo que me comentas.

[JavierB]

Hola elangelcaido

¿No te admite auto? He probado este código en el validador:

Código:

div {
width : 200px;
margin-right : auto;
margin-left : auto;
}

y el resultado ha sido "Información de CSS válida"

Saludos,

[marcelomdsc]

no, ese codigo SI es invalido, yo no se que estas haciendo ni que validador usas...pero anda a http://www.w3.org/

[cequiel]

Que raro que no te adminta el margin a "auto"... en fin.

Prueba con esto:

Código:

<div style="text-align: center">
    <div style="width: 640px; border: 1px solid black; text-align: left; ">
        Aquí va el contenido centrado
    </div>
</div>

[marcelomdsc]

pero eso no funciona en IE7 y FF. Eso es un hack para IE6 ya que IE6 no soporta el margin:auto.

[mike_john]

El validador de w3c si acepta el auto.....

[marcelomdsc]

si eso es lo que ya dije.

[mike_john]

no, ese codigo SI es invalido, yo no se que estas haciendo ni que validador usas...

Ahh jaja, perdon Marcelo,me confundi un poco con tu ultimo mensaje, pero si lo aclarabas en un post anterior a ese.....

[elangelcaido]

La primera opción de marcelomdsc ya me sirvió. El tema era que no me diera ni errores ni advertencias.

Gracias por la ayuda.

[marcelomdsc]

es que no te da advertencias usando ninguna de las dos formas.