Foros del Web - Ver Mensaje Individual - Menu fijo siempre visible, centrado. template. dreamweaver. css

kseso? · #4 (**permalink**) 08/07/2009, 05:44

Hola Caquet
Bueno, viendo que lo has intentado, aquí tienes una base.
Partiendo de la idea de Mikmoro, compatible con ie6 (edito y aclaro: la idea base, no el siguiente código)

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Kseso? jugando con css </title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0; border:0; position: relative;}
body, html {
height:100%;
overflow:hidden;
width:100%;}
#fijo {
background: #444;
left:50%;
top:0;
margin-left:-300px;
position:absolute;
width:600px;
height: 2em;
color:#cdcdcd;
}
#ventana {background: #fff;
overflow:auto;
height:100%;
width:100%;}
</style>
</head>
<body>
    <div id="ventana">
    <br/><br/><br/><br/><br/>
    <p>Lorem ipsum dolor sit amet consectetuer vitae eros est Pellentesque cursus. Tristique Curabitur ac felis ac semper ac Lorem interdum et sodales. Condimentum at Nam augue tempus sit ligula parturient quis libero pretium. Lacinia sodales orci parturient est ornare tortor consequat at pretium nisl. Purus lacus dis amet turpis venenatis neque augue velit tellus vitae. Id tristique Vivamus wisi nec consectetuer orci justo elit ante.</p>
    <br/><br/><br/><br/><br/>
<p>Enim metus Sed tellus ut Aenean sodales dui semper pulvinar sed. Curabitur turpis vitae pretium elit orci suscipit ipsum Nunc ut cursus. Ut orci natoque massa congue hendrerit ipsum ac justo metus mi. Orci ullamcorper adipiscing justo sit libero tincidunt dolor urna vitae leo. In Proin rhoncus interdum id at ipsum ut vel pellentesque enim. Eleifend consectetuer et id nec non vel sed In tristique eget. Pellentesque Nulla.</p>
<br/><br/><br/><br/><br/>
<p>Felis est lacus id Curabitur sagittis laoreet quis egestas Nunc pretium. Nunc eget non ultrices justo porttitor nibh ridiculus Aenean tempor at. Phasellus et quis Curabitur ut neque iaculis convallis elit Phasellus vel. Elit gravida habitant nibh nec risus Lorem Nunc augue feugiat semper. Arcu sagittis Curabitur urna ullamcorper Integer quis pretium Nulla ipsum at. Nec pede convallis eros Nunc nibh.</p>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<p>Nibh sem tortor sed Maecenas dolor mauris elit purus augue urna. Eu Quisque massa mauris vel</p>
  </div>
<div id="fijo"></div>
</body>
</html>

Mira a ver si te es de utilidad.
Un saludo