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>