Tema: organizar con div
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 10/10/2011, 11:07
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 6 meses
Puntos: 1567
Respuesta: organizar con div
Bueno, tu página tiene varios ingredientes, yo sólo te puedo dar una estructura básica desde dónde arrancar, pero a partir de ahi acomodar todos esos elementos va a ser una tarea dificil, ajustate a esto

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-ar">
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>XHtml5</title>
  6.         <style type="text/css">
  7.             /*<![CDATA[*/
  8. html body {
  9. height: 100%;
  10. }
  11. html, body, div, ul {
  12. padding: 0;
  13. margin: 0;
  14. }
  15. #centrar {
  16. width: 950px;
  17. margin: 0 auto;
  18. overflow: hidden;
  19. }
  20. #header{
  21. width: 100%;
  22. height: 150px;
  23. background-color: red;
  24. }
  25. #izq {
  26. width: 250px;
  27. float: left;
  28. background-color: green;
  29. padding-bottom: 2000px;
  30. margin-bottom: -2000px;
  31. }
  32. #der {
  33. width: 700px;
  34. float: left;
  35. background-color: orange;
  36. padding-bottom: 2000px;
  37. margin-bottom: -2000px;
  38. }
  39. #pie {
  40. padding-top: 20px;
  41. background-color: blue;
  42. text-align: center;
  43. clear: both;
  44. position: relative;
  45. width: 100%;
  46. height: 80px;
  47. }
  48. /*]]>*/
  49.         </style>
  50.     </head>
  51.     <body>
  52.         <div id="centrar">
  53.             <div id="header">
  54.                 header
  55.             </div>
  56.             <div id="izq">
  57.                 menu
  58.             </div>
  59.             <div id="der">
  60.                 contenido<br />
  61.                 contenido<br />
  62.                 contenido<br />
  63.                 contenido<br />
  64.                 contenido<br />
  65.                 contenido<br />
  66.                 contenido<br />
  67.                 contenido<br />
  68.                 contenido<br />
  69.                 contenido<br />
  70.                 contenido<br />
  71.                 contenido<br />
  72.                 contenido<br />
  73.                 contenido<br />
  74.                 contenido<br />
  75.                 contenido<br />
  76.                 contenido<br />
  77.                 contenido<br />
  78.                 contenido<br />
  79.             </div>
  80.             <div id="pie">
  81.                 pie<br />
  82.                 pie<br />
  83.                 pie<br />
  84.             </div>
  85.         </div>
  86.     </body>
  87. </html>
  88. <!-- plantilla xhtml5 2010©emprear.com -->

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.