Tema: Como puedo hacer para que esto funcione correctamente
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 30/06/2012, 10:11
Frannixo
 
Fecha de Ingreso: abril-2012
Mensajes: 87
Antigüedad: 12 años
Puntos: 1
Respuesta: Como puedo hacer para que esto funcione correctamente
Ok, lo que quiero hacer una zona central de la web donde introducir menus y texto, lo que quiero es que dentro de esa zona se extienda por si sola a medidad que meta los menus y meta el texto, pero no lo hace. Arriba esta el css principal y aqui le dejo el codigo html de la portada.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  5. <link type="text/css" rel="stylesheet" href="style/principal.css" />
  6. <link href="style/menu.css" rel="stylesheet" type="text/css">
  7.  
  8. </head>
  9. <body>
  10. <div id="header">
  11. <div class='cssmenu'>
  12. <ul>
  13.    <li class='active'><a href=''><span>Inicio</span></a></li>
  14.    <li><a href='#'><span>Servidores</span></a></li>
  15.    <li><a href='#'><span>Miembros</span></a></li>
  16. <li><a href='#'><span>Inicio Sesi&oacute;n</span></a></li>
  17. <li><a href='#'><span>Registro</span></a></li>
  18. <li class='has-sub'><a href='#'><span>Acceder</span></a>
  19.       <ul>
  20. <form action="">
  21.     
  22.         <label>Username:</label>
  23.             <input type="text" name="username" />
  24.         <label>Password:</label>
  25.             <input type="password" name="password"  />
  26.             <input type="submit" value="Enviar" name="submit" class="submit" />
  27. </form> 
  28.  
  29.       </ul>
  30.    </li>
  31.  
  32. </ul>
  33. </div>
  34. </div>
  35.  
  36. <div id="slybool"></div>
  37.  
  38. <div id="main">  
  39.  
  40. <div id="top-main"></div> 
  41.  
  42.  <div id="medium-main">
  43.  
  44. <div id="menu"> 
  45.  
  46. <div class="top">
  47.  
  48. <div class="text">
  49. <b>Ultimas Noticias</b>
  50. </div>
  51. <div class="medium-text">
  52. <div class="url">
  53. <li><a href="">Game</a></li>
  54. <small>Cuando el gobierno solicito la...</small>
  55. <li><a href="">Game</a></li>
  56. <small>Cuando el gobierno solicito la...</small>
  57. <li><a href="">Game</a></li>
  58. <small>Cuando el gobierno solicito la...</small>
  59. <li><a href="">Game</a></li>
  60. <small>Cuando el gobierno solicito la...</small>
  61. <li><a href="">Game</a></li>
  62. <small>Cuando el gobierno solicito la...</small>
  63. <li><a href="">Game</a></li>
  64. <small>Cuando el gobierno solicito la...</small>
  65. </div>
  66. </div>
  67. <div class="footer-text"></div>
  68. </div>
  69. </div>
  70. <div id="text-center">
  71.  
  72.  
  73.  
  74.  
  75. </div>
  76. </div>
  77. <div id="footer-class"></div>
  78. </div>
  79. </body>
  80. </html>