Empezar un encabezado

[fedefrankk]

Buenas a todos, tengo una gran duda, estoy haciendo una WEB ya hace 4 meses, borro empiezo de nuevo, borro empiezo de nuevo, estoy cansado y casi sin ganas, y todo se debe a las opiniones .
Empezar un encabezado, fijo?, con % , con queee.!! Que es lo correcto..
Si alguien me puede orientar si estoy bien en el código, en sencillo es una cabecera de 1000px de ancho ( o porcentual no se que conviene), y 200 de alto…

Hice el siguiente código:

Código CSS:

html, body{
    margin:0px;
    padding:0px;
}
.pagina{
    width:1000px;
    height:auto;
    margin-right:auto;
    margin-left:auto;
    margin-top:0px;
    padding:0px;
}
 

tambien hice este otro

}

Código CSS:

.PRINCIPAL
{
    text-align: center;
    width: 950px;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -475px;
    padding: 5px;
}
 

conviene que los div sean con posision absoluta?..



espero que alguien me oriente en este tema
desde ya muchas gracias a todos

saludos

fede

[pzin]

En relación a usar medidas absolutas o porcentuales, no hay nada correcto o incorrecto. Por lo general, usar medidas fijas es más fácil que porcentuales. Pero no es ni mejor ni peor lo uno o lo otro.

Respecto a si está bien el código, sólo se te pueden dar consejos. Pero tampoco te obsesiones con idealizar código.

Respecto al ancho de 1000px, yo lo bajaría a 960px que es la medida más adecuada para una resolución de 1024px —se dice que entre 940 y 978 creo recordar. Es por evitar el scroll horizontal en ciertas casos.

En tu primer trozo de código en principio sólo aludir a que height:auto, no hace falta ponerlo ya que es el valor por defecto —a menos que venga heredando y traiga otra altura de algún otro sitio. Luego los márgenes, margin, puedes ponerlos en un sólo atributo —por ahorrar código.

Código CSS:

margin: 0 auto 0 auto;
/* O también así: */
margin: 0 auto;
 

Lo segundo que pones, la clase .PRINCIPAL, me parece un poco desastrosa. ¿Es para una cabecera? ¿Contenedor principal? A priori, si fuera para una de las dos cosas, mejor usar el código del primer ejemplo que has puesto. Aunque sin ver el contexto es fácil errar el análisis.
Usar posiciones absolutas habitualmente se reserva para cosas muy concretas. Es mejor trabajar dentro del flujo natural. Sobre todo si estás empezando —que presupongo que es tu caso— para evitar coger malos hábitos.

[fedefrankk]

Buenas, muchas gracias por el consejo, si generalmente los monitores antiguos de 17" tienen una resolucion de 1024x768,

entonces me recomiendas hacer el primer codigo, (no hereda nada, ya que es donde si empiezo a poner mis otros div).

La ultima pregunta, he visto paginas con un "pie" ó footer lellaman que abarca el ancho total de cualquir monitor pero, siiempre en el medio la direccion tel etc.. sabes como se hace?..

Te agradesco mucho tu tiempo y tu repuesta.

Saludos cordiales
Federico

[pzin]

Lo del pie/footer normalmente se hace dentro de dos elementos. El primero que contiene las imágenes o el fondo del pie y ocupa el 100%, y el segundo que contiene el contenido —valga la redundancia— con un ancho fijo y márgenes automáticos.

Código CSS:

#pie {
    width: 100%;
    background-color: #333;
}
#pie div {
    width: 960px;
    margin: 0 auto;
    padding: 10px 0;
    color: #fff;
}
 

Código HTML:

<div id="pie">
    <div>&copy; 2012 fedefrankk</div>
</div>
 

Evidentemente puedes usar DIV, FOOTER o el elemento que quieras. Aunque estos dos suelen ser los más adecuados.

[fedefrankk]

Te pasaste excelente
Muchisimas gracias por tu ayuda, necesitaba orientarme porque enserio que borrado unas 4 veces la misma web por estos motivos.

se agradece todo.

saludos
fede