Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Верстка в три колонки

Автор: mcTep 28.2.2011, 17:03

Известен ли кому-нибудь способ верстки в три колонки, чтобы блок с контентом в коде был первым, а отображался по центру?

Типа так:

Код


<div class="content">CENTER</div>
<div class="left">LEFT</div>
<div class="right">RIGHT</div>

Автор: SelenIT 1.3.2011, 01:06

http://www.positioniseverything.net/articles/onetruelayout/anyorder. И http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm http://trifler.ru/blog/post_1223387326.html.

Автор: Gogi2 1.3.2011, 09:14

Почитай книги!!!!!!!!!! Там все есть.

Автор: Molodec 3.3.2011, 09:42

Цитата(Gogi2 @ 1.3.2011, 09:14

)

Почитай книги!!!!!!!!!! Там все есть.

Так ты же посоветуй человеку какие именно книги.
Ладно. На деле, статьи уже были названы. Если бы передо мною стояла такая задача. То я, наверное, воспользовался javascript+jquery. А именно. Сохранил содержимое div в одну из переменных. А потом содержимое не сохраненного div переместил(заменил) в содержимое сохраненного, и в конце возратил бы div с переменной, в место, откуда был скопирован предыдущий div.
То есть:

Код


var temp;
temp=a;
a=b;
b=temp;

То есть, такая идея. smile

Может и глупо, зато очень просто.

Автор: mcTep 3.3.2011, 13:44

Molodec, спасибо за совет smile

Но надо без яваскрипта. Целью такого расположения элементов является поисковая оптимизация, чтобы важный контент находился в начале страницы и роботы его быстрее обрабатывали. В вашем случае поисковик все-равно будет видеть на первом месте левую и правую колонки, а потом уже контент т.к. робот яваскрипт не запускает (как мне кажется) smile

Затупил. Но все же там где можно обойтись без JS в верстке, желательно обходиться.

SelenIT, спасибо, помогло.

Автор: Molodec 3.3.2011, 14:23

mcTep, конечно же. Согласен с Вами. Успехов! smile

Автор: colodinden 10.3.2011, 20:49

на java скриптах нельзя. Если сайт нужно продвигать в поисковых системах.