Gente . . .
estoy modificando una plantilla de WP en la que tengo una imagen de fondo en body que ocupa toda la pantalla . . . .
para que se den una idea mejor de lo que estoy haciendo pueden entrar a
ACA y ver como esta dispuesta.
basicamente la imagen de fondo que quiero que se vea, llega a los 450px de ancho, lo demas de la imagen, es puro fondo inutil . . .
como veran, tengo elimine todos los menu´s
la idea es que en la parte de arriba, de la div que tengo el contenido del blog . .este el menu . . no hay problema con esto . . . hago una div, lo coloco arriba, y queda, hasta ahi estoy ok...
La pregunta ( en la que espero me puedan ayudar ) es la siguiente . . yo quiero que esa div . . pongamosle, #menu . . . me quede fija . . osea, siempre visible . . .
se que es posible, lo he visto alguna que otra vez en alguna que otra pagina,
ahora les dejo como tendria el menu yo diagramado en css a ver si me peuden orientar de como hacerlo para que solo el menu quede fijo y lo demas se scrolee
body {
background:url(images/bg_total.jpg) fixed left 0;
text-align: right;
float:left;
margin: 0 0 0 500px;
}
#page {
text-align: right;
margin: 0px 0px;
width: 400px;
_width: 400px;
}
#menu_fijo {
width: 400px;
height:53px;
margin: 0;
padding: 0;
}
#resto_blog {
width: 400px;
margin: 0;
padding: 0;
}
y el codigo vendria a ser asi . . .
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MI BLOG</title>
</head>
<body>
<div id="page">
<div id="menu_fijo">
(aca adentro el menu que tiene 400 x 50 - este)
( todo lo que esta dentro de esta div, tendria que quedar fijo y todo el resto del blog, tendria que moverse )
</div>
<div id="resto_blog">
aca todo el blog
</div>
</div> (cierro div page)
</body>
</html>
espero puedan ayudarme y desde ya muchas gracias
Leito