Tema: Problema con posicion divs
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/12/2012, 12:35
manuxdjent
 
Fecha de Ingreso: marzo-2012
Mensajes: 77
Antigüedad: 12 años
Puntos: 0
Pregunta Problema con posicion divs
Buenas , estoy desarrollando una plantilla y me encuentro con un problema, al posicionar el div "botones" y sus hijos para que se centren, me los sobrepone encima del otro div que hay mas abajo ("contenido"), lo que quiero es que se posicionen justo arriba del div "contenido" no dentro, si alguien me pude echar una mano me haría un gran favor, gracias y un saludo.

ESTILO.CSS

Código CSS: 
Ver original
  1. body{
  2. background-color:white;
  3. margin:0;
  4. }
  5. #cabecera img{
  6. display:block;
  7. margin:0 auto;
  8. height:200px;
  9. width:558px;
  10. margin-bottom:50px;
  11. margin-top:30px;
  12. -webkit-animation-name: logo    ;
  13. -webkit-animation-timing-function: linear;
  14. -webkit-animation-duration: 3s;
  15.  
  16. }
  17. @-webkit-keyframes logo {
  18.   from {  opacity:0;  }
  19.   to   { opacity:1; }
  20. }
  21.  
  22. #contenido{
  23. width:100%;
  24. -webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
  25. box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
  26. -moz-box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
  27. height:800px;
  28. background-color:#FFA200;
  29. }
  30. #botones {
  31. width:400px;
  32. margin:0 auto;
  33.  
  34. }
  35. #venda{
  36. width:200px;
  37. height:50px;
  38. background-color:#FFA200;
  39. -webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
  40. box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
  41. -moz-box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
  42. -webkit-border-radius:15px 15px 0 0;
  43. margin:0 auto;
  44. float:left;
  45. }
  46. #lloguer{
  47. width:200px;
  48. height:50px;
  49. background-color:#FFA200;
  50. -webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
  51. box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
  52. -moz-box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
  53. -webkit-border-radius:15px 15px 0 0;
  54. margin:0 auto;
  55. float:left;
  56.  
  57. }

INDEX.HTML

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <HTML>
  3. <HEAD>
  4.     <LINK rel="stylesheet" href="estilo.css">
  5. </HEAD>
  6. <BODY>
  7.     <DIV id="cabecera">
  8.         <IMG src="logo.png"/>
  9.     </DIV>
  10.     <DIV id="botones">
  11.             <DIV id="venda">
  12.             </DIV>
  13.             <DIV id="lloguer">
  14.             </DIV>
  15.     </DIV>
  16.         <DIV id="contenido">
  17.         </DIV>
  18.     
  19. </BODY>
  20. </HTML>

http://inmobiliaria.xtrweb.com/plantilla/