Modificando las plantillas (Tutorial 9: El orden)

Las páginas web se cargan en orden, en el orden en que están escritas; de arriba hacia abajo y de izquierda a derecha.

Es por eso que, cuando muchos preguntan cómo hacer que las entradas se carguen antes que la sidebar, la respuesta es simple: hay que inveritr el orden en que están colocadas en la plantilla; es decir, si tenemos esto:

<div id='sidebar-wrapper'>
  .......
</div>
<div id='main-wrapper'>
  .......
</div>

El DIV sidebar-wrapper se cargará antes que el DIV main-wrapper, sin importar cuales sean sus propiedades.

Entre esas propiedades, float es la que posiciona el rectángulo a la derecha o a la izquierda y lo normal, en ese caso, es que el primero flote a la izquierda y el segundo a la derecha:

#main-wrapper { float: left; }
#sidebar-wrapper { float: right; }

sidebar 1º

entradas 2º

da lo mismo si ambos flotan a la izquierda:

sidebar 1º

entradas 2º

o si ambos flotan a la derecha

sidebar 1º

entradas 2º

en todos estos casos, la sidebar se cargará primero porque el DIV está antes así que si queremos invertir esto, hay que cambiar su orden:

<div id='main-wrapper'>
  ....... esto se cargará primero sin importar el valor de float .......
</div>
<div id='sidebar-wrapper'>
  .......
</div>

y, si queremos que la sidebar se vea a la izquierda, hay que establecer el valor de float:

#main-wrapper { float: right; }
#sidebar-wrapper { float: left; }

entradas 1º

sidebar 2º