Tema: Mi web es un acordeón no se estabiliza
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/07/2011, 01:28
ramondevesa
 
Fecha de Ingreso: noviembre-2010
Mensajes: 234
Antigüedad: 13 años, 5 meses
Puntos: 2
Mi web es un acordeón no se estabiliza
Buenas, pues eso lo que comento en el título, mi web parece un acordeón, cuando comienzo a minimizar la web se me deforma por completo y comienzan a montarse las capas y tal. Os dejo el código para ver en que fallo, un saludo.

Código CSS: 
Ver original
  1. @charset "UTF-8";
  2. /* CSS Document */
  3. body{ margin:0 0 0 0;}
  4.  
  5. #top{
  6.     background-image:url(file:///Macintosh%20HD/Users/ramondevesa/Desktop/HostPlanet/images/bg-top.png);
  7.     height:60px;
  8. }
  9. .logo{
  10.     margin-left:120px;
  11.     padding-top:4px;
  12.     width:202px;
  13. }
  14. .menu{
  15.     margin-right:120px;
  16.     float:right;
  17.     padding-bottom:19px;
  18.     margin-left:250px;
  19. }
  20. .menu li{
  21.     display:inline;
  22. }
  23. .menu li a{
  24.     text-decoration:none;
  25.     float:left;
  26. }
  27.  
  28. #header{
  29.     height:360px;
  30.     background-image:url(file:///Macintosh%20HD/Users/ramondevesa/Desktop/HostPlanet/images/bg_header.png);
  31. }
  32. .youtube{
  33.     width:600px;
  34.     height:290px;
  35.     margin-left:120px;
  36.     }
  37. #header h2{
  38.     float:right;
  39.     margin-right:120px;
  40.     }
  41.  
  42. #body{
  43.     height:329px;
  44. }
  45.  
  46. #foot{
  47.     height:270px;
  48.     background-image:url(file:///Macintosh%20HD/Users/ramondevesa/Desktop/HostPlanet/images/bg-foot.png)}

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
  6. <title>Documento sin título</title>
  7. </head>
  8.  
  9. <body>
  10. <div id="top">
  11. <div class="menu"><ul>
  12.         <li><a href="#"><img src="images/inicio.png" /></a></li>
  13.         <li><a href="#"><img src="images/servicios.png" /></a></li>
  14.         <li><a href="#"><img src="images/clientes.png" /></a></li>
  15.         <li><a href="#"><img src="images/trabajos.png" /></a></li>
  16.         <li><a href="#"><img src="images/blog.png" /></a></li>
  17.         <li><a href="#"><img src="images/contacto.png" /></a></li>
  18.    </ul>
  19.    </div>
  20. <div class="logo"><img src="images/logo.png" /></div>
  21.  
  22.         
  23. </div>
  24. <div id="header">
  25. <h2><br/><img src="images/titulo.png" /><br/><br/><img src="images/subtitulo.png" /></h2>
  26.  
  27.  
  28.  
  29. <div class="youtube">
  30. <br />
  31. <br />
  32.   <center><iframe src="http://player.vimeo.com/video/25833596?title=0&amp;byline=0&amp;portrait=0" width="580" height="273" frameborder="0"></iframe></center>
  33. </div>
  34. </div>
  35.  
  36. <div id="body"></div>
  37. <div id="foot"></div>
  38.  
  39. </body>
  40. </html>

Un saludo