Foros del Web » Creando para Internet » HTML »

Posicionar el header

Estas en el tema de Posicionar el header en el foro de HTML en Foros del Web. Buenas! Me presento a la comunidad con una duda que me tiene histérica! Resulta que para un proyecto he decidido utilizar por primera vez html5 ...
  #1 (permalink)  
Antiguo 24/07/2012, 22:05
 
Fecha de Ingreso: julio-2012
Mensajes: 1
Antigüedad: 9 años, 5 meses
Puntos: 0
Posicionar el header

Buenas!
Me presento a la comunidad con una duda que me tiene histérica!
Resulta que para un proyecto he decidido utilizar por primera vez html5
como que aún estoy investigandolo bastante.
Ya logré que las nuevas etiquetas como header, etc. se convirtieran en bloques
para poder modificarlos.
En fin, quería que en la parte de arriba del todo, el header, el cual va a ser mi encabezado, osea que quiero que sea un gran rectangulo con sombras por debajo y que en él tenga el título de la página. Buscando por ahi, pude hacer que el header quedara pegado bien arriba, sin espacios, pero eso era para html. Mi duda es como hacer que el header quede bien colocado en la parte de arriba y que ocupe todo el sitio algo parecido a esto:
http://www.lluisvilaseca.com/
Bueno, espero que puedan ayudarme, gracias.
Saludos.
  #2 (permalink)  
Antiguo 24/07/2012, 22:10
Avatar de ipraetoriux  
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 11 años, 8 meses
Puntos: 154
Respuesta: Posicionar el header

pues al inicio de tu css, pon esto:

Código CSS:
Ver original
  1. *{
  2. margin:0;
  3. padding:0;
  4. }

este es un comodin, basicamente lo que haces es resetear y darle a todo elemento de bloque o inline margin y padding 0(cero) de entrada...

...luego habra que ver donde tienes situado tu header, pero si en el flujo lo tienes primero en la parte superior te deberia aparecer pegado al margin superior...
  #3 (permalink)  
Antiguo 27/07/2012, 03:30
Avatar de cesarin3134  
Fecha de Ingreso: enero-2012
Ubicación: Milan
Mensajes: 97
Antigüedad: 10 años
Puntos: 20
Respuesta: Posicionar el header

podrias hacer algo asi :

Código HTML:
Ver original
  1. <header class="encabezado">
  2. contenido del encabezado

y luego creas el css :

Código CSS:
Ver original
  1. <style type="text/css">
  2. .encabezado {
  3. width : 100%;
  4. position:fixed;
  5. top:0;
  6.  
  7. }
  8. </style>

espero k te sirva de ayuda
__________________
Web Graphic and Front-End Developer C.andavisa
http://www.cesart.it

Etiquetas: header
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:12.