tengo una capa lateral con el menu, que cuando se redimensiona la pantalla se desplaza al final de la capa central, aqui tengo el codigo css y html:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Xestión Banco</title>
<link href="/Rediseño/EstilosIndex2.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="contenedor">
<div id="cabecera"><img src="/Rediseño/imagenes/logo.jpg" border="0"></div>
<div id="sesion">
<a href="#"> Inicio </a> | <a href="#"> Cerrar Sesión </a>
</div>
<div id="cuerpo">
<div id="cuerpotexto">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
</div>
</div>
<div id="navegador">
<div id="secionesnav">
<h2>PERSONAS</h2>
<ul>
<li><a href="#">Alta Personas</a></li>
<li><a href="#">Listado Personas</a></li>
</ul>
</div>
<div id="secionesnav">
<h2>EMBARCACIÓNS</h2>
<ul>
<li><a href="#">Alta Embarcación</a></li>
<li><a href="#">Listado Embarcacións</a></li>
</ul>
</div>
</div>
</div>
</body>
</html
Y el css es:
Código:
/* CSS Document */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
color:#0A9DE6;
padding:0px;
margin:0px;
}
a{
color:#006699;
text-decoration:none;
}
a:link{
color:#006699;
text-decoration:none;
}
a:viseted{
color:#006699;
text-decoration:none;
}
a:hover{
color:#006699;
text-decoration:none;
}
#contenedor{
text-align:left;
width:100%;
height:100%;
margin:0px;
background-color:#FFFFFF;
}
#cabecera{
width:100%;
background-color:#FFFFFF;
}
#sesion{
width:100%;
background-color:#FED966;
text-align:right;
padding:3px 0px 3px 0px;
font-size:8pt;
}
#navegador{
margin:0 83% 0 0;
padding:0px;
background-color:#99cdff;
height:400px;
}
#secionesnav{
position:relative;
margin:0px;
padding:0px;
font-size:120%;
}
#secionesnav h2{
background-color:#0A9DE6;
color:#FFFFFF;
font-size:110%;
padding: 5px 0px 5px 5px;
margin: 0px;
}
#secionesnav ul{
padding: 2px 0px 2px 5px;
margin: 0px 0px 0px 0px;
font-size:120%;
list-style-type:none;
}
#cuerpo{
margin:0 auto;
float:right;
width:83%;
background-color:#FFFFFF;
font-size:120%;
}
#cuerpotexto{
padding:0px 10px 0px 0px;
font-size:120%;
}
En otras pagina que visite, al hacer lo mismo, el menu de navegacion no se mueve del sitio, por ejemplo:
http://www.opensuse.org/Welcome_to_openSUSE.org
el menu de de la izquierda donde esta el search, use Suse Linux, ... al redimensonar la pantalla siempre esta en el mismo sitio, y ocupa lo mismo.
un saludo
