Comunidad de diseño web y desarrollo en internet online

centrar contenedor con div de posicionamiento absoluto?

Citar            
MensajeEscrito el 11 Sep 2010 04:15 am
hola :

estoy haciendo un sitio , pero tengo un problema .. quiero centrar ese sitio , pero al momento de aplicar DIV y posicionarlas con margin-left y margin-top en los exploradores nuevos se me ven geniales , pero en internet explorer 7 y 6 se me ven todo corrido. pero si yo uso div de posicionamiento absoluto no pasa eso, pero no se puede tener un DIV PA como contenedor, como lo podría hacer en esto caso para poder centrar el contenido para todos los navegadores y que también las imágenes y textos no se modifiquen en su posición.

espero su ayuda.
saludos-.

Por sebacure

31 de clabLevel



 

chrome
Citar            
MensajeEscrito el 11 Sep 2010 02:05 pm
Pues...
[css]
body {
padding: 0;
margin: 0;
text-align: center;
}
#contenedor {
border: 1px solid blue;
width: 90%;
margin: auto; /* esto hace el truco */
text-align: left;
}
[/css]
Debería funcionar en todos los navegadores.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 11 Sep 2010 06:03 pm
Exactamente, como dice DriverOp, el secreto es la propiedad margin: auto; (recorda sacarle el float si pones esta propiedad)
Solo puede usarse para un contenedor general, ya que si queres usarlo con divs anidados trae problemas.

saludos

Por ariel-dcv

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Sep 2010 03:51 pm
supongo que ese borde azul es para tener una guia .. y como puedo hay algun sitio para testear en IE7 ? .

Por sebacure

31 de clabLevel



 

msie8
Citar            
MensajeEscrito el 21 Mar 2011 08:40 pm
Exactamente, debes usar "margin-lef:auto" y "margin-right:auto" en tu div contenedor.
Esto lo centrará horizontalmente con respecto al div padre, y si no hay, al body.
Obviamente colocale el width correspondiente.

Saludos!

Por florlangosta

3 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.