Ver Mensaje Individual
  #4 (permalink)  
Antiguo 08/01/2012, 09:10
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Problema en la maquetacion con divs

Sabés que la primera vez que leí el post, la segunda imagen no me cargó (pesa 1.7mb), ahora lo veo mejor.


Trabaja con este esquema

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9.  
  10. #contenedor{
  11. width: 80%;
  12. }
  13.  
  14. #header{
  15. width: 100%;
  16. height: 180px;
  17. background-color: cyan;
  18. }
  19.  
  20. #medio{
  21. width: 100%;
  22. height: auto;
  23. }
  24.  
  25. #menu{
  26. width: 19%;
  27. background-color: blue;
  28. float:left;
  29. }
  30.  
  31. #contenido{
  32. width: 81%;
  33. float:left;
  34. background-color: red;
  35. }
  36. #pie{
  37. clear: both;
  38. width: 100%;
  39. height: 100px;
  40. background-color: orange;
  41. }
  42.  
  43. /*]]>*/
  44. </head>
  45. <div id="contenedor">
  46. <div id="header">arriba</div>
  47. <div id="medio">
  48.    
  49. <div id="menu">
  50.     menu
  51. </div>
  52. <div id="contenido">
  53.       <video width="480" height="240" controls>
  54.         <source src="tu_video.mp4" type="video/mp4" />
  55.         <p>Tu navegador no soporta HTML5 ni Flash ¿En que era estas?</p>
  56.         </video>
  57. </div>
  58.  
  59. </div><!-- fin medio -->
  60.  
  61. <div id="pie">
  62.     pie
  63. </div>
  64. </div><!-- fin contenedor -->
  65.  
  66. </body>
  67. </html>

las alturas las puse arbitrariamente, la solución básica pasa por poner un div auxiliar que contenga a las dos capas del medio, la del menu y la del video
Cita:
Tu navegador no soporta HTML5 ni Flash ¿En que era estas?</p>
Tenés que poner el código del flash tambien
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.