Html5: Header - footer

Betinzky · #1 (**permalink**) 15/05/2013, 15:50

Hola como estan
Estoy de a poco insertandome en el mundo de codigos y HTML5 CSS3 y ya quiero darle un poco a PHP
Quisiera consultarles lo sgte:
Como se hace para lograr header/footer a lo ancho de la pantalla, adjunto una url de Lycos donde aparecen los elementos que indico el como se construye redacta codigo para ese logro
la franja superior donde esta el login
la segunda donde esta la imagen de las personas y mas abajo el pie o footer (segun html5)

He tratado de buscar por google o yahoo, pero no se de verdad como realizar la pregunta

Agradeciendoels de antemano
y que tengan una buena jornada
atte
Beto

http://www.tripod.lycos.com/

pitufoweb · #2 (**permalink**) 15/05/2013, 22:17

Hola,

Los elementos(de bloque) automáticamente se ajustan al ancho de la pantalla...no tienes que hacer nada mas.

Saludos

Rafael · #3 (**permalink**) 16/05/2013, 22:21

Oh, bueno, quizá resetear el margin y padding del body a 0.

alzacon · #4 (**permalink**) 18/05/2013, 09:13

Cita:

Iniciado por pitufoweb

Los elementos(de bloque) automáticamente se ajustan al ancho de la pantalla...no tienes que hacer nada mas.

No es así, se ajustan automáticamente al ancho del elemento padre.

Código HTML:

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
  display: block;
  position: relative;
  height:200px;
  background: orange;
}

.a{
  width: 50%;
  height:400px;
  background: greenyellow ;
  border: solid 1px black;
}
</style>
</head>
<body>

<div></div>
<br>
<div class="a">
  <div></div>
</div>

</body>
</html>