Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/03/2013, 02:15
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: Expandir columna cintral si no hay columna izquierda

Yo hace tiempo necesitaba algo parecido, pero en mi caso necesitaba que fuese semánticamente más correcto, entonces, si no había contenido en una columna, esta no aparecía y la otra ocupaba el ancho de la que no estaba, y si había contenido tomaba el ancho con el truquito del overflow. Algo así sería:

Código CSS:
Ver original
  1. section {
  2.   width: 100%;
  3.   max-width: 960px;
  4. }
  5.  
  6. article {
  7.   overflow: hidden;
  8.   border: 1px solid blue;
  9. }
  10.  
  11. aside {
  12.   float: right;
  13.   width: 320px;
  14.   border: 1px solid red;
  15. }

Para un estructura así:
Código HTML:
Ver original
  1.   <aside>
  2.     aaaaaa
  3.   </aside>
  4.   <article>
  5.     bbbbbb
  6.   </article>

O así:
Código HTML:
Ver original
  1.   <article>
  2.     bbbbbb
  3.   </article>

Ejemplo funcional: http://jsfiddle.net/TjSbX/