Hola, estoy aprendiendo a usar CSS y tengo esta duda...
Lo que quiero hacer es que las capas de la izquierda, arriba y abajo se queden fijas al mover el scroll ( y que este pueda mover la capa general con el texto del centro). Lo he conseguido con firefox poniendo position : fixed;,
pero en el IE 6 salen como les da la gana, alguien me puede ayudar?
otra cosa que no consigo es que la capa principal de texto, me centre justo cuando acaba el marguen izquierdo, para que no se me sobreponga. alguna solucion?
El codigo que tengo asta ahora es este:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color:#F3EAE1;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#wrapper {
width: 100%;
text-align: center;
}
#container {
width: 550px;
margin-left:auto;
margin-right:auto;
}
#content {
width: 100%;
background-color:#111111;
height: 400px;
margin-top: 150px;
}
#menu {
background-color:#EDE0D1;
position:fixed;
top: 0px;
left: 0px;
width: 180px;
height: 1300px;
}
#cabecera{
background-color:#111111;
position: fixed;
top: 0px;
left: 0px;
width: 1700px;
height: 130px;
}
#inferior{
background-color:#464646;
position:fixed;
bottom: 0px;
left: 0px;
width: 1700px;
height: 50px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="container">
<div id="content">
<div align="left">Colocar aquí el contenido para id “content”</div>
</div>
</div>
</div>
<div id="menu">
</div>
<div id="cabecera">
</div>
<div id="inferior">
</div>
</body>
</html>
</html>
Bueno, siempre que coges cosas viejas enseguida te das cuenta de chorradas que en su día se te pasaron o las dejaste porque no eran importantes.
