Foros del Web » Creando para Internet » CSS »

Maquetacion a 2 columnas con DIV's

Estas en el tema de Maquetacion a 2 columnas con DIV's en el foro de CSS en Foros del Web. Que tal. Se que esto lo deben haber preguntado y respondido ya cientos de veces en estos foros, pero tengo rato navegando para ver si ...
  #1 (permalink)  
Antiguo 25/07/2006, 10:29
 
Fecha de Ingreso: enero-2006
Ubicación: Maracay, Edo. Aragua
Mensajes: 206
Antigüedad: 11 años, 10 meses
Puntos: 0
Pregunta Maquetacion a 2 columnas con DIV's

Que tal.

Se que esto lo deben haber preguntado y respondido ya cientos de veces en estos foros, pero tengo rato navegando para ver si encuentro lo que estoy buscando y aún no encuentro nada:

Solo quiero hacer una maquetacion a dos columnas con DIV's, que abarque el 100% de la pantalla, pero que la columna de la izquierda (menu) tenga un tamaño estático, por ejemplo, 160px, mientras que el tamano de la otra si sea relativo.

Intente hacerlo colocando 160px a la columna izquierda y luego 100% a la columna derecha, pero no me funcionó en Firefox.

Agradezco sus respuestas.
  #2 (permalink)  
Antiguo 25/07/2006, 10:38
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 905
Antigüedad: 12 años, 1 mes
Puntos: 3
height:100% no funciona en firefox.. (o de menos a mi nunca me ha funcionado) lo que se tiene que hacer es agrandarla con tel contenido que vas generarndo..
__________________
Saludos
FT.
www.fernando.com.mx
  #3 (permalink)  
Antiguo 26/07/2006, 13:14
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Te dejo un pequeño ejemplo

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testing...</title>
<style type="text/css">
<!--
#izquierda { float:left; width:160px; background-color: #CCC; }
#derecha { margin-left: 170px; background-color:#999; }
-->
</style>
</head>
<body>
	<div id="izquierda">Columna Izquierda</div>
	<div id="derecha">Columna Derecha</div>
</body>
</html> 
__________________
oohh... quisiera ser godines!!!
  #4 (permalink)  
Antiguo 02/08/2006, 15:45
Avatar de heavy metal  
Fecha de Ingreso: agosto-2006
Ubicación: Córdoba - Argentina.
Mensajes: 22
Antigüedad: 11 años, 4 meses
Puntos: 0
si al ejemplo de "safe" le quitas solo el "float:left;" no cambia en nada no? si la columna derecha pasara a la dercha igual porque su margin-left es mas grande que el ancho de la columna izq, entonces float:left no sirve de nada creo;chau
  #5 (permalink)  
Antiguo 02/08/2006, 17:06
 
Fecha de Ingreso: julio-2005
Mensajes: 220
Antigüedad: 12 años, 4 meses
Puntos: 0
Cita:
Iniciado por heavy metal
si al ejemplo de "safe" le quitas solo el "float:left;" no cambia en nada no? si la columna derecha pasara a la dercha igual porque su margin-left es mas grande que el ancho de la columna izq, entonces float:left no sirve de nada creo;chau
No se puede quitar el float:left; porque sino el bloque de la derecha se pone en la derecha pero con un salto de linea y por tanto no estan a la misma altura.
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:36.