Estoy haciendo pruebas con las capas, para ver si me aclaro
Este es el código de css:
Body{
background-color:#151b8d;
font-size:12px;
font-family:Georgia1, Georgia, serif;
font-weight:bold;
text-align:center;
}
P {PADDING: 5px 10px 5px 10px}
#global {BACKGROUND-COLOR:#ffffff ;
position:absolute;
width:800px;
height:600px;
left:25px;
top:25px;
}
#logotipo{BACKGROUND-COLOR:#00ce89 ;
FLOAT:left;
position:absolute;
left:0px;
top:0px;
width:125px;
height:80px;
}
#menusuperior {BACKGROUND-COLOR:#0cd003 ;
FLOAT:righ;
position:absolute;
left:125px;
top:0px;
width:675px;
height:50px;
}
#capainformativa{BACKGROUND-COLOR:silver;
FLOAT:righ;
position:absolute;
left:125px;
top:50px;
width:675px;
height:30px;
}
#linea{
BACKGROUND:url(linea.gif);
position:absolute;
left:0px;
top:80px;
width:800px;
height:9px;
}
#menulateral {BACKGROUND-COLOR:pink;
FLOAT:left;
position:absolute;
left:0px;
top:92px;
width:125px;
height:508px;
}
#volver {BACKGROUND-COLOR:#0dd006 ;
FLOAT:righ;
position:absolute;
left:125px;
top:580px;
width:675px;
height:21px;
}
#firma{BACKGROUND-COLOR:green ;
FLOAT:righ;
position:absolute;
left: 25px;
top:625px;
width:800px;
height:20px;
}
#contenido {BACKGROUND-COLOR:#123005 ;
position:absolute;
left:125px;
top:95px;
width:675px;
}
Y este el de html:
<HTML>
<HEAD><TITLE>CON CAPAS</TITLE></HEAD>
<link rel="StyleSheet" media="screen" type="text/css" href="estilodiv.css">
<BODY>
<DIV id="global">
<div id="logotipo">logotipo</div>
<div id="menulateral">menu lateral</div>
<div id="capainformativa">capa informativa</div>
<div id="linea">donde estas que no te veo</div>
<div id="menusuperior">menu superior</div>
<div id="contenido">contenido
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
</DIV>
<div id="volver">volver</div>
<div id="firma">firma</div>
</BODY>
</HTML>
Ya he probado a quitarles la altura, a anidarlas, a poner
debajo de las capas
a que las lea antes o despues en la hoja de estilos y: o se monta o pasa por debajo.
Citar
. Pues entonces tienes que quitar las posiciones absolutas.
menos mal que tenía copia. He visto que has abierto un div donde englobas el contenido y el menu lateral que son los dos que pueden crecer y "molestar" a la capa firma y a la capa volver. Ese no lleva nombre (no sabía que se pudiese hacer. Y hay más menús que llevan float y no los has metido entre div.
Marcadores