Los DIVs se Sobreponen o los manda al Fondo del Navegador

Ola!! qTal? mire soy novato en desarrollo web, kiero crear algo como esto:
[contenido no disponible]

Uploaded with ImageShack.us
--------------------
lo he intentado con el FLOAT y con RELATIVE, lo cual no logro que se acomoden los divs, anteriormente empece con Frames, pero tampoco tube resultados.
...espero su ayuda GRACIAS!!!!
«« ߀ ŦR€€..!! :Þ »»
Facil si tienes codigos postealos, si no fijate que con float y eso no solo se acomodan aveses hacen falta usar margin o padding.
En el CSS escribe esto:
.clear {clear: both }
El clear sirbe para que el elemento no acepte flotantes a alguno de los lados.
Puede ser: left, right o both (este ultimo para que no acepte flotantes a ningun lado).
Crea un div conjunto para la barraizquierda. De esta forma solo tendremos que meter 1 div a la izquierda, los demas iran con el.
Otro div conjunto para el contenido y el banner.
Ahora al div que engloba banner y contenido ponle en CSS:
float: right
Despues en HTML el codigo seria igual excepto que:
Primero pones el div que engloba banner y contenido y despues el div que engloba los 2 menus de la izquierda.
Ahora despues del div que engloba los menus pon este codigo:
<div class="clear"></div>
Si lo hiciste bien se te vera como quieres. Si no, pega el codigo que has hecho siguiendo esto y te digo el error.
...qTal?? puess GraciasS!! y sii me Funciono eso del CLEAR: BOTH
ya logre conseguir que los div se acomoden, y puess copiaria y pegaria el codigo, pero ya he avanzado un poco en la programacion del sitio asi que el codigo sta echo sopas!! :? ya cuando tenga un chancesito pego solamente el codigo de los divs.
-----------------------------------------------------------------------
Pero aOra tngo una pequeña gran pregunta; como hago qu e el enlace q va a un sitio de internet vaya al div de contenido????
ya tnego enlaces q si funcionan, pero Qando es de otro sitio, por ejemplo google, me abre una nueva ventana, y kiero que sea en contenido!!
«« ߀ &#358;R€€..!! :Þ »»
zaz" ya sta Codigo arregladO!!!
este es elcodigO q utilizé!! para lso DIVs
--------------------------------------------------------

lo que Si RECOMIENDO y despues de un Buen ratO es cambiar el HEIGHT del div CONTENIDO y ENLACESS x AUTO, ya que se ajustará de acuerdo al cotenido que lleve dentro del DIV :D -
-..----------------------------------------------------------------------------------
<html>
  <HEAD><TITLE>ComO CreAr tu weB--</TITLE>
	   <link href="boton.css" rel="StyleSheet" type="text/css">
  </HEAD>
 <BODY>
	<div style="relative:center; width:100%; height:11em; border:2px solid green;">---LogO, nombre del Sitio...---</div>

	<div style=" float:left;  width: 12%; height:15em; background-color:black; color:white; border: 3px solid yellow; margin: 0;">---BoToness------</div>

	<div style=" float:right; width: 87%; height:10em; border:3px solid black; margin:0; background-color:cyan;">----BaNNeEERRr-----</div>

	<div style=" float:right; width: 87%; height:23em; border:3px solid black; margin:0;">-----ContenidOoo---</div>

	<div style=" float:left;  width: 12%; height:18em; background-color:blue; color:white; border: 3px solid yellow; margin: 0;">---ENLACESSSSSSSS----</div>
 </BODY>
</html>
«« ߀ &#358;R€€..!! :Þ »»