Tema: Problemas con los divs...
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/08/2012, 11:10
mandibula120
 
Fecha de Ingreso: enero-2012
Ubicación: En españa dije...
Mensajes: 28
Antigüedad: 12 años, 3 meses
Puntos: 1
Problemas con los divs...
Hola, estoy cambiando las tablas por los div y ul (ya era hora), pero tengo algunos fallos que no soy capaz de ver.

A ver si poniendo el código me podéis echar una mano, gracias de antemano.

HTML CODE

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="Principal.css" />
  6. <title>Prueba</title>
  7. </head>
  8.  
  9. <body background="Icono.png">
  10.     <div id="pagina">
  11.         <div id="cabecera">
  12.         </div>
  13.         <ul id="navegacion">
  14.         </ul>
  15.         <div id="contenido">
  16.         </div>
  17.         <ul id="enlaces">
  18.         </ul>
  19.         <div id="footer">
  20.         </div>
  21.     </div>
  22. </body>
  23. </html>

CSS CODE
Código CSS: 
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3. #pagina {
  4.     position: relative;
  5.     width: 100%;
  6.     height: 100%;;
  7.     margin-top: 0;
  8.     margin-right: auto;
  9.     margin-bottom: 0;
  10.     margin-left: auto;
  11. }
  12.  
  13. #cabecera {
  14.     width: 100%;
  15.     height: 20%;
  16.     position: absolute;
  17.     top: 0;
  18.     left: 0;
  19. }
  20.  
  21. #navegacion {
  22.     width: 15%;
  23.     height: 60%;
  24.     position: absolute;
  25.     top: 20%;
  26.     left: 0;
  27. }
  28.  
  29. #contenido {
  30.     width: 55%;
  31.     height: 60%;
  32.     position: absolute;
  33.     top: 20%;
  34.     left: 15%;
  35. }
  36.  
  37. #enlaces  {
  38.     width: 15%;
  39.     heigh 60%;
  40.     position: absolute;
  41.     top: 20%;
  42.     left: 70%;
  43. }
  44.  
  45. #footer {
  46.     width: 100%;
  47.     height: 20%;
  48.     position: absolute;
  49.     left: 0;
  50.     bottom: 0;
  51. }

No funciona como debiera, ademas DreamWeaver me dice lo siguiente:

"No se pueden detectar los archivos relacionados dinámicamente, no existe definición de sitio para este documento".


Seguro que es una tontería pero hoy no veo nada. Gracias.