Foros del Web » Creando para Internet » CSS »

DIV central automático

Estas en el tema de DIV central automático en el foro de CSS en Foros del Web. Buenas a todos. Últimamente ando foreando mucho por unas dudas existenciales que me inundan. Esto es sencillo, sólo que no le doy en el clavo. ...
  #1 (permalink)  
Antiguo 09/05/2011, 06:25
Avatar de DAMOVEAR  
Fecha de Ingreso: febrero-2008
Mensajes: 78
Antigüedad: 9 años, 9 meses
Puntos: 2
DIV central automático

Buenas a todos.

Últimamente ando foreando mucho por unas dudas existenciales que me inundan.

Esto es sencillo, sólo que no le doy en el clavo.

Creé un DIV grande que tiene medidas en "auto" para que se reajuste a la pantalla.
Dentro, cree otro div con medidas 100x200 y float left, para que se vaya a la izquierda.
También cree otro div con medidas 300x200 y float right, para que siempre esté a la izquierda.

El problema está en el central.

El central debe reajustarse, ser automatico de medidas, pero no, no aparece, aunque le ponga "left" o "rigth" el bendito div no aparece.

¿Estoy omitiendo algún paso?
  #2 (permalink)  
Antiguo 09/05/2011, 14:26
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: DIV central automático

Hola:

Busca información sobre columnas equilibradas, hay montones de preguntas sobre el particular en el propio foro.

Saludos.

  #3 (permalink)  
Antiguo 10/05/2011, 11:14
Avatar de Alucine  
Fecha de Ingreso: abril-2011
Mensajes: 59
Antigüedad: 6 años, 7 meses
Puntos: 10
Respuesta: DIV central automático

fijate aqui por ejemplo: http://www.glish.com/css/7.asp
  #4 (permalink)  
Antiguo 10/05/2011, 18:02
Avatar de TEPO  
Fecha de Ingreso: febrero-2010
Mensajes: 235
Antigüedad: 7 años, 10 meses
Puntos: 23
Respuesta: DIV central automático

Eso es un problema muy comun en css, el tema es que los elementos que posicionas con float se salen del flujo del documento, la palabra lo dice, estan flotados y a su vez la propiedad float tambien afecta a sus contenedores, hay dos maneras de solucionarlo, flotando el div central, lo que tal vez no te serviria. Lo mas comun es que debajo de esos dos elementos flotados, coloques un div vacio, al cual con css le vas a dar la propiedad clear:left, de esta manera el div contenedor, va a hacer eso, contener a los flotados.
Ejemplo:
Código:
<html>
	<head>
		<title>Ejemplo</title>
		<link rel="stylesheet" type="text/css" media="all" href="estilo.css" />
	</head>
	<body>
		<div id="contenedor">
			<div id="derecha"></div>
			<div id="izquierda"></div>
			<div id="clear"></div>
		</div>
	</body>
</html>
</div>
En el css:
Código:
#contenedor{
	width:900px;
	background-color:blue;
	margin:auto;
	}
#derecha{
	float:left;
	width:400px;
	height:200px;
	background:red;
}
#izquierda{
	float:left;
	width:400px;
	height:200px;
	background:green;
	}
#clear{
	clear:both;
	}
Hay otras maneras de hacerlo, esta no es la mejor, ya que utilizas un div vacio.

Etiquetas: elastico, centrar
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 10:59.