Ver Mensaje Individual
  #2 (permalink)  
Antiguo 20/08/2007, 07:16
Avatar de PauCasas
PauCasas
 
Fecha de Ingreso: mayo-2006
Mensajes: 5
Antigüedad: 18 años
Puntos: 0
Re: bloques (div's) paralelos

Tienes que jugar con la propiedad float de CSS. Si quieres que un div quede a la izquerda en el estilo poner "float:left;" o si quieres que quede a la derecha "float:right;" Pero para que funcione tendrás que jugar con divs anidados, por ejemplo:

Código HTML:
<html>
<head>
<style>
body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
#superior {
    width:100%;
    height:20%;
	background-color:#FFF;
}
#contenedor-inferior{
	padding:0;
	margin:0;
	width:100%;
	height:80%;
}
#izquierda {
	width:100%;
	height:100%;
	background-color:#EEE;
}
#contenedor-derecho{
	float:right;
	width:80%;
	height:100%;
}
#centro {
    width:100%;
	height:100%;
	background-color:#DDD;	
}
#derecha {
	float:right;
    width:25%;
	height:100%;
	background-color:#CCC;		
}
</style>  
</head>
<body>
    <div id="superior"></div>
	<div id="contenedor-inferior">
		<div id="contenedor-derecho">
		    <div id="derecha"></div>  
			<div id="centro"></div>
		</div>
		<div id="izquierda"></div>
	</div>
</body>
</html> 

---------------------------------------------------------------------------------
Curriculums online en http://www.jobgraphy.com