Hola he usado fixed para hacer una pagian web sencilla, se ve correctamente en ie y mozilla lo malo es que no me aparece el scroll vertical, hay contenido mas abajo pero no deja bajar porque no hay scroll, se lo he puesto en el body a fuerza bruta pero tampoco hay la posibilidad de bajar
Entonces he decidido pasar a relative pero en ie me sale todo un churro (supongo que tendre que dar posiciones) pero aqui ya me sale el scroll vertical y puedo moverlo pero en mozilla las cajas salen bien pero no sale el scroll, os dejo el codigo aki
index.php
Código PHP:
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>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.lksMenu.js"></script>
<link rel="stylesheet" type="text/css" href="css/lksMenuSkin3.css" />
<link rel="stylesheet" type="text/css" href="css/general.css" />
<script>
$('document').ready(function(){
$('.menu').lksMenu();
});
</script>
</head>
<body>
<DIV id="cabecera">
<?php include ('vista/logotipo.php'); ?>
</DIV>
<DIV id="lateral" align="center">
<?php
include ('vista/marcas.php');
do_marcas();
?>
</DIV>
<DIV id="principal">
eggege<br>eggege<br>eggeg3232e<br>
eggeg3232e<br>eggeg3232e<br>eg666geg3232e<br>eggeg3232e<br>eggeg3232e<br>
</DIV>
<DIV id="pie">
eggege<br>eggege<br>eggeg3232e<br>
eggeg3232e<br>eggeg3232e<br>eg666geg3232e<br>eggeg3232e<br>eggeg3232e<br>
</DIV>
</body>
</html>
codigo .css de las cajas
Código CSS:
Ver original#cabecera {
position: fixed;
width: 100%;
height: 18%;
top: 5%;
right: 0;
bottom: auto;
border-color: #aaaaaa;
border-width: 1px;
border-style: solid;
text-align:center;
}
#lateral {
position: fixed;
width: 25%;
height: auto;
top: 30%;
right: auto;
bottom: 100px;
left: 0;
border-color: #aaaaaa;
border-width: 1px;
border-style: solid;
}
#principal {
position: fixed;
width: auto;
height: auto;
top: 30%;
right: 0;
left: 35%;
bottom: 100px;
border-color: #aaaaaa;
border-width: 1px;
border-style: solid;
text-align:center;
}
#pie {
position: fixed;
width: 100%;
height: 100px;
top: 90%;
right: 0;
bottom: 0;
left: 0;
border-color: #aaaaaa;
border-width: 1px;
border-style: solid;
}
Gracias de antemano