Tema: dudas al hacer una pagina con html5
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/10/2012, 08:54
DiifoOtz
 
Fecha de Ingreso: marzo-2012
Mensajes: 20
Antigüedad: 12 años, 9 meses
Puntos: 1
dudas al hacer una pagina con html5
Hola buenas estoy tratandome de actualizarme de html 4.0 a html5 pero tengo unas pequeñas dudas.

Digamos que mi diseño que dicta que tengo que hacer un header que ocupe toda la pantalla como el de "foros del web". En esto no tendría problemas hacerlo mediante html 4.0 seria algo asi:

Código HTML: 
Ver original
  1. <html>
  2. <head><title></title>
  3. </head>
  4. <body>
  5.  
  6. <div id="header-wrapper">
  7.       <div id="header">
  8.             <div id="headings"></div>
  9.             <div id="navigation"></div>
  10.       </div>
  11. </div>
  12.  
  13. </body>
  14. </html>

y simplemente agregando en el css algo asi

Código CSS: 
Ver original
  1. #header-wrapper {
  2. width:100%;
  3. height:90px;
  4. background:#1a1a1a;
  5. }
  6.  
  7. #header {
  8. width:960px;
  9. height:100%;
  10. margin:0 auto;
  11. }

pero segun en la sintaxis de html debo hacerlo asi ????

Código HTML: 
Ver original
  1. <html>
  2. <head><title></title>
  3. </head>
  4. <body>
  5.  
  6. <div id="header-wrapper">
  7.       <header>
  8.             <hgroup></hgroup>
  9.             <nav></nav>
  10.       </header>
  11. </div>
  12.  
  13. </body>
  14. </html>


y en el css simplemente cambiar cualquier cosa quedando asi ??

Código CSS: 
Ver original
  1. #header-wrapper {
  2. width:100%;
  3. height:90px;
  4. background:#1a1a1a;
  5. }
  6.  
  7. header {
  8. width:960px;
  9. height:100%;
  10. margin:0 auto;
  11. }
  12.  
  13. hgroup {
  14. width:33%;
  15. height:100%;
  16. float:left;
  17. }
  18.  
  19. nav {
  20. width:67%;
  21. height:100%;
  22. float:right;
  23. }


Si esto es correcto por favor háganmelo saber ya que tengo que hacer un header que ocupe todo el ancho de la pantalla y a su vez que el contenido quede centrado asi esta correcto ??