Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/08/2011, 16:18
Avatar de xArchangellx
xArchangellx
 
Fecha de Ingreso: octubre-2008
Ubicación: Peru
Mensajes: 208
Antigüedad: 16 años, 2 meses
Puntos: 5
Exclamación Problema de Maquetacion

Hola amigos espero que me puedan ayudar soy novato en CSS
1. NO puedo dubir el DIV de la derecha (amarillo)
2. NO puedo juntar los DIV de arriba (verde)

Código HTML:
<body>
<div id="contenedor">

<div id="primero">
  <p>primero</p>
</div>

<div id="segundo">
<p>segundo</p>
</div>

<div id="izquierda1">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>

<div id="izquierda2">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>

<div id="derecha">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>

</div><!--fin contenedor-->
</body> 
y mi CSS es

Código:
#contenedor {
background:#CCCCCC;
width: 700px;
height: 1200px;
margin: 0 auto;
}

#primero {
width: 700px;
height: 100px;
background:#00FF00
/*float:left;*/
}

#segundo {
width: 700px;
height: 100px;
background:#00FF00;
}

#izquierda1 {
	width: 490px;
	background:#0000FF;
	float:left;
}

#izquierda2 {
	width: 490px;
	background:#FF00FF;
	float:left;
}

div#derecha {
	width: 200px;
	height: 400px;
	background:#FFFF00;
	float:right;
}
este es mi error


Lo que necesito es que el DIV (amarillo) pueda subir
y los DIVs verdes se junten
Ayuda porfa