Cabecera como Foros del Web

[jlx4]

Hola a todos, tengo un problema, tengo un header en la página que estoy haciendo, este header se supone que debería estar apegada a la parte superior, y a los lados, tal cual como es la cabecera de foros del web, hasta ahora he conseguido que se apegue a los dos lados, pero, no se me pega a arriba, no quiero que baje con el scroll, sólo que se quede fija, alguien sabe como ayudarme, aquí dejo el código que tengo hasta ahora, plis: . Tengo un texto encima que al pasar el cursor encima el color de fondo se coloca en blanco y aparece la mano como cursor:


html, body {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
border: 0px;
font-family: Arial, Helvetica, sans-serif;
}


#header {
background: #fff;
background: url(../img/header_img.png);
background-repeat: repeat-x center left;
height: 25px;
}


#header ul{
list-style: none;
}


#header a{
font-size: 10px;
font-weight: bold;
padding: 10px 4px;
color: #999;
text-decoration: none;
cursor: pointer;
}


#header a:hover{
background: #fff none;
color: #000;
}

[flashmax]

Hola prueba en #header lo sigiuente
position:fixed;
top:0px;

[jlx4]

Funciona, sin embargo, al hacerlo de esa forma el header queda fijo en la ventana y no en la página, por lo que va bajando con el scroll , y eso es justamente lo que quiero evitar.

[flashmax]

No te entiendo con en la ventana y no en la página que usas iframes muestra el html

[jlx4]

Bueno flashmax me refería a que en mi caso estoy buscando que el header de mi página se quede arriba siempre, apegado a la parte superior de la página, pero al colocar position:fixed el header se mantiene fijo arriba, eso es cierto, pero, a medida que uno baja por la página con el scroll del mouse la cabecera también va bajando con ella, me entiendes, baja y siempre se ve en la parte de arriba de la ventana.

[jlx4]

lo conseguí, probando con códigos de diferentes páginas encontré una línea que hace lo que necesito, aunque no sé muy bien el por qué, aquí la dejo por si alguien la necesita:

* { padding:0; margin:0; outline: 0;}

[flashmax]

debes tener un error en el html por que un div fixed no se mueve con el scroll. pero aguarda alguien mas en el foro dará su opinión al respecto.

[pablolombardo]

Buenas,

Ja, escribo porque me causó gracia la confusión

Iniciado por flashmax

debes tener un error en el html por que un div fixed no se mueve con el scroll. pero aguarda alguien mas en el foro dará su opinión al respecto.

En ningún momento dijo que quería que quede fijo arriba je (va, lo dijo, pero no quiso decirlo..) dijo que sea como el de foros del web, que no es fijo. Y no puso fixed en ningúna parte del código, por eso no le queda fijo.

lo conseguí, probando con códigos de diferentes páginas encontré una línea que hace lo que necesito, aunque no sé muy bien el por qué, aquí la dejo por si alguien la necesita:

* { padding:0; margin:0; outline: 0;}

Lo que sucede es que la etiqueta <ul> viene con un padding por default, y con esta linea simplemente se lo estás sacando por eso te funciona. Creo que unicamente con padding: 0 ya te andaría.

Saludoss.

[memoadian]

Iniciado por pablolombardo

Lo que sucede es que la etiqueta <ul> viene con un padding por default, y con esta linea simplemente se lo estás sacando por eso te funciona. Creo que unicamente con padding: 0 ya te andaría.

Saludoss.

En realida dlo que tiene es margin por defecto, con margin:0 basta, pero nunca esta de más resetear el padding y el outline.

[pablolombardo]

A, sii, margin, eso.

[jlx4]

:-O Muchas gracias por solucionarme las dudas, se los agradezco.