Foros del Web » Creando para Internet » CSS »

Maquetación CSS a tres columnas complicada

Estas en el tema de Maquetación CSS a tres columnas complicada en el foro de CSS en Foros del Web. Bueno estoy empezando con esto del diseño web y necesito ayuda con algo simple. Lei un articulo sobre maquetacion web a tres columnas con css, ...
  #1 (permalink)  
Antiguo 30/05/2006, 08:10
 
Fecha de Ingreso: mayo-2006
Mensajes: 4
Antigüedad: 11 años, 6 meses
Puntos: 0
Mensaje Maquetación CSS a tres columnas complicada

Bueno estoy empezando con esto del diseño web y necesito ayuda con algo simple.
Lei un articulo sobre maquetacion web a tres columnas con css, y me gusto mucho la idea de no usar más tablas, pero quiero algo más.
Mi sitio (como no escribi tantos mensajes el link se encuantra en mi perfil)tiene una estructura de tres columnas, pero en su columna principal, a su vez tiene tres columnas más, y quyiero saber como debo escribir el css para que me quede acorde, ya que probé muchas opciones y no logro el efecto deseado, supongo que se entenderá mejor lo que digo viendo mi pagina para observar lo que quiero hacer sin tablas (de paso genero visitas )
Espero respuestas y tambien poder ayudar en lo que sea saludos
  #2 (permalink)  
Antiguo 30/05/2006, 16:21
MindPaniC
Invitado
 
Mensajes: n/a
Puntos:
tienes que facilitar mas datos ver tu codigo ver la web.. etc, asi a secas dificil que te podamos ayudar.

saludos
  #3 (permalink)  
Antiguo 30/05/2006, 18:17
 
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 ejemplo muy simple pero bastante figurativo:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Untitled Document</title>
	<style type="text/css">
	<!--
	html, body {
		height:100%;
	}
	
	div {
		float:left;
		width: 33%;
		height: 70%;
		border: 1px solid #000;
	}
	
	div div {
		float:left;
		width: 32%;
	}
	-->
	</style>
</head>
<body>
<div>columna 1</div>
	<div>
		<div>columna 2 - a</div>
		<div>columna 2 - b</div>
		<div>columna 2 - c</div>
	</div>
	<div>columna 3</div>
</body>
</html>
__________________
oohh... quisiera ser godines!!!
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 06:39.