Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/11/2013, 02:17
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: [DUDA] Alinear correctamente article y aside (float)

Yo invertiría section y article, se me hace que están del revés.

En realidad con flotar ambos elementos a la izquierda es suficiente, aunque no está de más meter un div por ahí para tener un contenedor del sitio en si:

Código HTML:
Ver original
  1. <div id="contenedor">
  2.   <section>
  3.     <article></article>
  4.     <article></article>
  5.     <article></article>
  6.   </section>
  7.   <aside>
  8.   </aside>
  9. </div>

Código CSS:
Ver original
  1. div#contenedor {
  2.   width: 100%;
  3.   max-width: 1200px;
  4.   margin: 0 auto;
  5.   overflow: hidden;
  6. }
  7.  
  8. div#contenedor section {
  9.   float: left;
  10.   width: 70%;
  11. }
  12.  
  13. div#contenedor aside {
  14.   float: left;
  15.   width: 25%;
  16.   margin-left: 5%;
  17. }