Tema: Centrar en BODY (sólo visible)
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/04/2011, 13:04
Avatar de pzin
pzin
Moderata 😈
  
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Centrar en BODY (sólo visible)
Buenas,

estoy intentando crear una especie de página con scroll vertical. Tengo un pequeño problema en el planteamiento principal.

Mi idea era crear algo así:
Código HTML: 
Ver original
  1. <html>
  2.  
  3.     <body>
  4.  
  5.         <section>
  6.  
  7.             <article>
  8.                 <div></div>
  9.             </article>
  10.  
  11.             <article>
  12.                 <div></div>
  13.             </article>
  14.  
  15.             <article>
  16.                 <div></div>
  17.             </article>
  18.             
  19.         </section>
  20.         
  21.     </body>
  22.     
  23. </html>


Código CSS: 
Ver original
  1. html,body,section,article {
  2.     height: 100%;
  3.     width: 100%;
  4. }
  5.  
  6. article {
  7.     float: left;
  8. }
  9.  
  10. article div {
  11.     margin: 0 auto;
  12.     width: 960px;
  13. }

Por supuesto, no funciona.
He probado otras cosas, body a 300% e historias así muy extrañas, pero antes de volverme loco, creo que es mejor preguntar si hubiese alguna forma de hacer esto de manera limpia.

Pienso que el planteamiento está bien. Recuerdo que antes si ponías una altura de 100% a body, este realmente sólo se refería a la parte visible del sitio, cosa que me pareció extraña por aquel entonces pero obvié porque no me parecía ni útil ni inútil.

En fin, gracias por leer y muchas más por contestar.