Problemas con los divs...

mandibula120 · #1 (**permalink**) 21/08/2012, 11:10

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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="Principal.css" />
<title>Prueba</title>
</head>
 
<body background="Icono.png">
    <div id="pagina">
        <div id="cabecera">
        </div>
        <ul id="navegacion">
        </ul>
        <div id="contenido">
        </div>
        <ul id="enlaces">
        </ul>
        <div id="footer">
        </div>
    </div>
</body>
</html>

CSS CODE

Código CSS:

Ver original@charset "utf-8";
/* CSS Document */
#pagina {
    position: relative;
    width: 100%;
    height: 100%;;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
 
#cabecera {
    width: 100%;
    height: 20%;
    position: absolute;
    top: 0;
    left: 0;
}
 
#navegacion {
    width: 15%;
    height: 60%;
    position: absolute;
    top: 20%;
    left: 0;
}
 
#contenido {
    width: 55%;
    height: 60%;
    position: absolute;
    top: 20%;
    left: 15%;
}
 
#enlaces  {
    width: 15%;
    heigh 60%;
    position: absolute;
    top: 20%;
    left: 70%;
}
 
#footer {
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    bottom: 0;
}

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.

cristian_cena · #2 (**permalink**) 21/08/2012, 11:21

Cita:

Iniciado por mandibula120

No funciona como debiera

Solo vos sabes como debería funcionar.

A lo mejor no tenés el archivo Principal.css en la raíz del sitio (puede que dreamweaver lo esté buscando allí)

Aunque supongo estás usando divs PA, no creo que sea la mejor idea usar posicion absoluta para todo. Acá explican las distintas maneras de posicionar cajas

BloodShadow · #3 (**permalink**) 22/08/2012, 13:44

aparte de lo que dice el companero @cristian_cena te sugiero que no uses DW y comiences a aprender html y css ;)