Tema: maquetacion de una aplicación WEB Un reto
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 11/01/2011, 14:41
Avatar de Kurozaki
Kurozaki
 
Fecha de Ingreso: diciembre-2010
Ubicación: Con mi Zanpakutou (Colima, MEX).
Mensajes: 175
Antigüedad: 13 años, 3 meses
Puntos: 9
Respuesta: maquetacion de una aplicación WEB Un reto
Te dejo este codigo. (Sin fixed y sin auto, con todo al 100%)

Código HTML: 
Ver original
  1. <html>
  2. </head><title>Reto</title>
  3. <style type="text/css">
  4. * {border:0; margin:0; padding:0;}
  5. div#container {width:100%; height:100%;}
  6.  
  7. div#menu {width:100%; height:15px; background:#00F; position:absolute;}
  8. div#boxone {width:300px; float:left; height:100%; margin-top:15px; background:#FF0; position:absolute;}
  9. div#boxtwo {width:100%; float:left; height:100%; margin-left:300px; margin-top:15px; background:#000; position:absolute;}
  10.  
  11. </style>
  12. </head>
  13. <body>
  14.  
  15. <div id="container">
  16.     <div id="menu"></div>
  17.     <div id="boxone"></div>
  18.     <div id="boxtwo"></div>
  19. </div>
  20.  
  21. </body>
  22. </html>

para los margenes, aumenta margin-top para el margen entre los dos contenedores y el menu.
Para el margen entre los dos contenedores, aumenta margin-left.

Más dudas? Aqui estamos