css maquetacion 3 cols

Hola..
porque en el tutorial donde explican como maquetar a 3 columnas, primero se coloca la derecha y luego la principal y no al reves, como seria el orden logico?

<div class="izquierda"></div>
<div class="derecha"></div>
<div class="principal"></div>

chauuuuuuuuuuu

el orden lógico según quién?

fael escribió:

creo que se refiere a en que orden ESCRIBIR EL XHTML.

Para eso yo recomendaria tener 4 divs

<div id="izquierda"></div>
<div id="derecha">
<div id="izqder"></div>
<div id="der"></div>
<hr />
</div>
<hr />

La izquierda tiene un float:left, la izqder tambien, y der y derecha tienen un float:right... ah y las hr tienen clear:both

Puedes maquetar 3 columnas en cualquier posición semántica, solo es cuestión de cogerle el truco. Pero obviamente lo más fácil es esto.

Código :

<div style="width:100px; float:left;">izquierda</div>
<div style="width:100px; float:left;">centro</div>
<div style="width:100px; float:right;">derecha</div>

el orden logico seria a lo que tu quieras darle mayor relevancia, que es lo primero que quieres que lea lo motores de busquedas, para los visitantes eso es irrelevante, por los que somos normales leemos de izquierda a derecha, otros al reves pero pues se joden

saludos

Maikel escribió:

Exactamente, a eso se le llama semántica y separar el diseño del contenido.