Foros del Web » Creando para Internet » CSS »

ayuda con tamaños de div

Estas en el tema de ayuda con tamaños de div en el foro de CSS en Foros del Web. Saludos Veran, necesito crear una pagina la cual tenga dos divs que ocupen todo el alto y en la misma linea. Lo que necesito realizar ...
  #1 (permalink)  
Antiguo 07/02/2011, 15:49
Avatar de 50l3r  
Fecha de Ingreso: agosto-2009
Mensajes: 421
Antigüedad: 8 años, 4 meses
Puntos: 6
ayuda con tamaños de div

Saludos

Veran, necesito crear una pagina la cual tenga dos divs que ocupen todo el alto y en la misma linea.

Lo que necesito realizar es un div a la derecha con tamaño fijo, 320px y lo restante para el otro div situado a la izquierda

como podria realizarlo
__________________
Gamers.ly - Un red social dedicada a los videojuegos
  #2 (permalink)  
Antiguo 07/02/2011, 16:02
Avatar de pamda  
Fecha de Ingreso: octubre-2006
Ubicación: 36°55′ N 116°23′ E
Mensajes: 262
Antigüedad: 11 años, 2 meses
Puntos: 16
Respuesta: ayuda con tamaños de div

dentro de un contenedor podrias asignar el siguiente CSS a los div

Código:
#div-derecha{
	position: relative;
	width: 320px;
	height: 66px;
	float:right;
	background: #FFFFFF;
}
#div-izquierda{
	width:100%;float:left;
	text-align: left;}
así tengo unas pag., me gustaria conocer otra manera de hacer lo mismo.
  #3 (permalink)  
Antiguo 07/02/2011, 16:08
Avatar de 50l3r  
Fecha de Ingreso: agosto-2009
Mensajes: 421
Antigüedad: 8 años, 4 meses
Puntos: 6
Respuesta: ayuda con tamaños de div

lo he hecho tal que asi:

#contenedor #contenido{line-height:20px;height:100%;width:100%;overflow:auto;}

#contenedor #barra_herramientas{float:right;width:320px;height :100%; border:1px solid #000000;}
__________________
Gamers.ly - Un red social dedicada a los videojuegos
  #4 (permalink)  
Antiguo 07/02/2011, 16:14
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: ayuda con tamaños de div

Otra posibilidad es usar posicionamiento absoluto:
#div-derecha{
width:320px;
right:0;
position:absolute;
}
#div-izquierda{
width:auto;
left:0;
right:320px;
position:absolute;
}

Etiquetas: tamaños
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 12:44.