Foros del Web » Creando para Internet » CSS »

Resuelto: Centrar DIV horizontalmente pero contenido a la izquierda

Estas en el tema de Resuelto: Centrar DIV horizontalmente pero contenido a la izquierda en el foro de CSS en Foros del Web. Si bueno, si entraste aca te podes estar riendo un poco de esto que es muuuy basico (imagino) pero yo que la ando experimentando por ...
  #1 (permalink)  
Antiguo 15/04/2010, 10:39
 
Fecha de Ingreso: julio-2009
Ubicación: Argentinalandia
Mensajes: 339
Antigüedad: 15 años, 4 meses
Puntos: 15
Pregunta Resuelto: Centrar DIV horizontalmente pero contenido a la izquierda

Si bueno, si entraste aca te podes estar riendo un poco de esto que es muuuy basico (imagino) pero yo que la ando experimentando por primera vez.... no se como se hace y por eso pido ayuda.

Tengo el siguiente codigo:

Código HTML:
<div style="width:1000px;background-color:#E1F3DA">
		<div id="ajax" style="width: 100%;">
este div contiene datos variantes y por lo tanto, el tamaño de [U]alto[/U] sube o baja dependiendo del contenido
		</div>
</div> 
El div id="ajax" es un JScript interactivo que se ajusta al ancho. Como no puedo modificar el 100% y poner Px porque el contenido de ese div toma el valor del ancho que tiene, mi solución parcial para que tenga 1000px de ancho fue crear un div adicional que lo contenga, y funciona excelente!

Ahora... el div id="ajax" se alinea si o si a la izquierda el contenido. Entonces, quise poner el div que lo contiene, que este centrado pero no me salio (en mi ignorancia utilice un Text-Align pero no me funciono, y por eso quiero saber si hay alguna solución que pueda usar.

Mi único requerimiento es que pueda especificar poner las especificaciones del CSS en el mismo div (style="")

mmmm... no se si me explico, les agrego una imagen para que me entiendan mejor

les pido disculpas por su tiempo pero les dejo muchas gracias por su respuesta. y si algún día le puedo ser util con mucho gusto los ayudare.


Última edición por pleter; 15/04/2010 a las 11:43 Razón: Resuelto
  #2 (permalink)  
Antiguo 15/04/2010, 11:13
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 11 meses
Puntos: 145
Respuesta: Centrar DIV horizontalmente pero contenido a la izquierda

Código HTML:
<div style="width:1000px;background-color:#E1F3DA; margin:0 auto; overflow:hidden; height:500px; ">
		<div id="ajax" style="width: 50%; margin:0 auto; height:200px; background:#FFFFFF">
este div contiene datos variantes y por lo tanto, el tamaño de [U]alto[/U] sube o baja dependiendo del contenido
		</div>
</div> 
veras que le agregue background y height para que visualices los ejemplos, pero lo utilizado para centrar es;
Código HTML:
margin:0 auto
ademas agrego
Código HTML:
overflow:hidden;
para que el div exterior cubra el div interior.

saludos.
__________________
http://chicho.ninja yiaaaa
  #3 (permalink)  
Antiguo 15/04/2010, 11:28
 
Fecha de Ingreso: julio-2009
Ubicación: Argentinalandia
Mensajes: 339
Antigüedad: 15 años, 4 meses
Puntos: 15
De acuerdo Respuesta: Centrar DIV horizontalmente pero contenido a la izquierda

muchas gracias problema resuelto.
se soluciono solo con agregando margin:0 auto; overflow:hidden;
No coloque height:500px; por el hecho que el tamaño de alto es variable, tiene 2 posiciones el ajax, una inicial de 50px y cuando se hace click se expande a 800px.
pero al final al div externo quedo:
Código HTML:
<div style="width:1000px; background-color:#E1F3DA; margin:0 auto; overflow:hidden; "> 
Muchisimas gracias por todo :D

Etiquetas: alinear, centrar, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:00.