Tema: maquetar web..pero no me sale..
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/10/2010, 03:40
Avatar de ryu_on_ice
ryu_on_ice
 
Fecha de Ingreso: abril-2005
Mensajes: 315
Antigüedad: 19 años
Puntos: 0
maquetar web..pero no me sale..
hola gente..

estoy haciendo una web pero tengo un problema con el acomodo de los divs...

este es mi codigo html
Código HTML: 
Ver original
  1. <body>
  2.    <div id="contenedor"> 
  3.               <div id="logo">logotipo</div>                 
  4.               <div id="cabecera"> "cabecera"</div>
  5.               <div id="menu">"menu"</div>
  6.               <div id="contenido">contenido de la pagina...</div>
  7.               <div id="footer">"footer"</div>
  8.     </div><
  9. </body>


y este es mi codigo CSS
Código CSS: 
Ver original
  1. #contenedor{ 
  2.     text-align: left; 
  3.     width: 720px; 
  4.     height:700px;
  5.     margin: 10px auto; 
  6.     background-color : #cfffff; 
  7. } 
  8. #cabecera {
  9. background-color:#FF00FF;
  10. width:570px;
  11. height:150px;
  12. float:right;
  13. top:10px;
  14. }
  15.  
  16. #logo {
  17. background-color:#00FF00;
  18. float:left;
  19. width:150px;
  20. height:150px;
  21. }
  22. #menu {
  23. background-color:blue;
  24. float:left;
  25. clear:both;
  26. width:150px;
  27. height:150px;
  28. margin-top:150px;
  29. }
  30. #contenido {
  31. background-color:#FF0000;
  32. width:350px;
  33. height:300px;
  34. top:110px;
  35. margin-left:150px;
  36. float:right;
  37. clear:both;
  38. }
  39. #footer{
  40. background-color:#FFFF00;
  41. clear: both;
  42. width:720px;
  43. height:100px;
  44. margin-top:700px;
  45. margin-bottom:20px;
  46. }


la cosa es que no me quedan acomodados los divs como deveria.....que me esta faltando...

saludos!!!