Ver Mensaje Individual
  #2 (permalink)  
Antiguo 08/02/2012, 02:27
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: dos colummnas en CSS3, primero la derecha!

Cita:
El motivo de cambiar asi es por que la parte <aside> no es interesante para los buscadores...
No soy experto en seo pero me animo a decir que el orden/ubicación de elementos no influye en la valoración de los buscadores.
Por otra parte, es común (salvo para los árabes creo) leer de izquierda a derecha y de arriba hacia abajo, de hecho, el flujo de documento se forma de esta manera.
Cuando flotes cajas siempre controlá de anidar las columnas a un contenedor. Al contenedor le debes aplicar overflow:hidden y a las columnas float:[left/right].

Código CSS:
Ver original
  1. .cols{ width: ...;  overflow: hidden; /* etc */ }
  2. .cols section, .cols aside { float: left; }
  3. .cols section{ width: ...;  /* etc */ }
  4. .cols aside { width: ...;  /* etc */ }
Código HTML:
Ver original
  1. <div class="cols">
  2. <section><article>texto izquierda</article></section>
  3. <aside>texto derecha</aside>
  4. </div>

Saludos

pd: float es una propiedad css2. También podes aprovechar la propiedad (ie8+) display:table. Css3 tiene a column-count.

Última edición por cristian_cena; 08/02/2012 a las 07:25 Razón: ortografía