Хотите получать новые советы по заработку и раскрутке сайтов? !
Не знаете как подписаться? Читайте здесь!

Div-ная вёрстка сайтов против табличной…

8 апреля, 2010

вёрсткаДовольно давно я присматриваюсь к дивной вёрстке. Хожу вокруг да около. Пытался чего-то сверстать дивами, но далеко мои попытки не ушли. Во-первых, напрягает то, что дивами нельзя сделать резиновый сайт без каких-либо ухищрений. Там либо будет куча хаков под очередной билд кривого браузера, либо сайт вообще перекосится.

Дивная вёрстка, не спорю, очень удобна для сайтов с фиксированной шириной. Типа таких знаете, блого-подобных сайтов. Но по моему субъективному мнению, блоги сейчас у нас, не рассматривают за серьёзный источник информации. Получается так, что и вот такой формат фиксированный ширины также воспринимается несерьёзно. Покуда, если сайт - крупный портал, вёрстка у него резиновая во весь экран, иначе это маленький сайтик фиксированной ширины.

Но какое ведь огромное преимуещство есть у таких сайтов фиксированной ширины.. Т.к. ширина не велика, контента визуально, там кажется ГОРАЗДО больше, чем в резиновом))) Покупаете контента меньше, а кажется его больше) Преимущество зачётное. Но не от этого ли преимущества репутация резиновых дизайнов стоит впереди?

Если использовать фиксированную ширину, то тут нужно не нарваться на такую проблему, что на очень больших мониторах Ваш сайт будет смотреться как узкая полоска) Согласитесь, не самое хорошее зрелище. Хотя с другой стороны - контент резинового может быть написан на таком мониторе, в одну-две строки)

Вообще, как по мне - дивная вёрстка, по большей части, для понтов существует) Народ часто не понимает нафига оно нужно, зачем её использовать, думает, что получит преимущество перед поисковиками, вот и верстает, а потом сайт отображает непонятно как.

Вы как относитесь к резиновым дизайнам (в полный экран), к фиксированной ширине, дивной, табличной вёрстке? Понты? Суровая необходимость?


  1. 37 Responses to “Div-ная вёрстка сайтов против табличной…”

  2. SEOVirus [08.04.10 01:26] | Reply

    говорил я тут говорил и неожиданно обнаружил, что этот сайт тоже имеет фиксированную ширину))) Прикольно.)

  3. Иван [08.04.10 08:32] | Reply

    Чувак, ты просто не шаришь :-) я когда 2 года назад начинал с большим скрипом изучать дивную верстку думал также - понты, бесполезность и пр.
    Но скажу тебе честно - div’ная удобна в работе и поддержке. Просто удобно, код красивый, HTML мало, семантичность блюдется.
    PS отверстать сайт в дивах так, чтобы он не ехал - не проблема :-)

  4. SEOVirus [08.04.10 10:35] | Reply

    Надеюсь, что не шарю, конечно. Просто смириться никак не могу с фиксированной шириной))

  5. 3dmax [09.04.10 11:20] | Reply

    Как говорил Арт Лебедев: “информация должна растягиваться по всей ширине экрана, мы не делаем статичные страницы, я их еще называю скриншотами”. а вот то как эта информация будет растягиваться и одинаково хорошо смотреться на разрешении 800х600 и 1920х1080 это уже дело дизайнера, все зависит от вашего опыта и сообразительности. а помоему абсолюдно без разницы - дивами ли верстать или таблицами, самое главное - это чтобы верстка была валидной, без ошибок, и одинаково отображалась во всех браузерах.

  6. SEOVirus [09.04.10 12:10] | Reply

    ну тут-то речь о том, что если хочешь резиновую вёрстку, то дивы в принципе исключены..

  7. AlfaRosso [09.04.10 12:14] | Reply

    На самом деле, когда нормально(!) разберешься с div’ами, таблицами просто не захочется больше верстать. То есть гораздо убобнее получается и больше возможностей. Имхо.

  8. SEOVirus [09.04.10 12:54] | Reply

    Хм.. надеюсь, что так оно и будет :)

  9. Proffweb [09.04.10 13:35] | Reply

    Раньше делал резиновыми, сейчас плюнул на это - делаю фиксированной ширины, ориентируясь на разрешение 1024 на 768. У кого меньше - сами виноваты =)
    Зато везде все одинаково смотрится =)

  10. SEOVirus [09.04.10 14:19] | Reply

    >> кого меньше - сами виноваты =)
    брутальный подход к вёрстке))) посетители не жалуются?)

  11. pgk [09.04.10 16:39] | Reply

    В корне не согласен с тем, что в данный момент блоги не считаются трастовой информацией, есть такие ниши, где нет другой правдоподобной информации.

  12. SEOVirus [09.04.10 16:40] | Reply

    pgk
    а пример таких ниш можете привести?

  13. postman [09.04.10 16:48] | Reply

    Скажу, что с точки зрения поисковика, а сайты должны быть с ними дружелюбны, что код должен быть:
    1) оптимизированным, то есть не очень большим
    2) чистым
    А как вы это сделаете уже не особо важно

  14. SEOVirus [09.04.10 17:01] | Reply

    ну пока да, точка зрения поисковика не особо совпадает с точкой зрения пользователя))

  15. I-van [09.04.10 17:46] | Reply

    Как по мне, так табличная верстка удобнее и поще! Но в дивах сайт занимает меньше объем информации, поэтому грузится быстрее!

  16. SEOVirus [09.04.10 18:16] | Reply

    >> поэтому грузится быстрее!
    да.. а скорость загрузки походу очень даже рулить начинает!

  17. Александр [09.04.10 19:49] | Reply

    Не знаю какая верстка лучше, но почему-то с самого начала всегда предпочитал фиксированную ширину.
    И ширина 1000 пикселей узкой полоской на 1920х1080 не выглядит. Все нормально смотрится.
    Тут дело вкуса и умений. Дивами никогда не верстал, умею лишь таблички. А лучше все доверить профи и не заморачиваться.

  18. SEOVirus [10.04.10 03:45] | Reply

    Александр, дык это ж пол экрана.. :)

  19. seogot [10.04.10 16:51] | Reply

    ДИВ вёрстка довольна проста и понятна, я обеими руками за неё!

  20. SEOVirus [11.04.10 03:46] | Reply

    проста-то проста, только что с полноэкранными сайтами делать, когда дивы применить хочется..

  21. samodelkin [15.04.10 23:10] | Reply

    резиновая верстка лучше фиксированной своей резиновостью. особенно удобно на маленьких мониторах

  22. SEOVirus [17.04.10 19:43] | Reply

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

  23. Yupi [25.04.10 00:17] | Reply

    табличная верстка наглядней, в ней проще разобрать каракули предшественника, да и свои тоже :). когда времени мало - проще применить таблицы - сразу знаешь где что надо искать. с дивами в этом плане сложнее - шаб действительно может поплыть и полностью уплыть…. в плане резиновости - 100% победа таблиц. а про скорость загрузки - надо прописать все шрифты, цвета, отступы и т.д. в CSS - и будет Вам счастье.

  24. Психолог [07.05.10 10:02] | Reply

    А я всегда смотрел на удобность верстки, таблицы и дивы - нет разницы, главное чтобы все адекватно отображалось и было удобно делать сайт.

  25. Серый [12.05.10 11:15] | Reply

    Вёрстка с помощью намного лучше чем табличная! Так-как если брать шаблоны для CMS, то бесплатные шаблоны сделаны на базе , а, в свою очередь, платные используют только дивы! Но это моё мнение…

  26. Partnershik [20.05.10 21:43] | Reply

    Я тож хочу научится верстать дивами, хотя проще таблицами, но не всегда удобней. Думаю, тебе стоит продолжить изучение верстки дивами.
    Что касается резинового или фиксированного диза то для разных сайтов разные виды нужны, к тому же каждый сам себе хозяин!!!

  27. Дима Швец [04.06.10 13:53] | Reply

    Мне нравится дивами потому что кода меньше и у дивов есть возможность относительного позиционирования

  28. Дима Швец [04.06.10 13:56] | Reply

    Да ладно. дивы с css быстрее грузятся, фу нет, одинаково всё.

  29. Сеня [09.06.10 14:48] | Reply

    отвечаю на последний поставленный вопрос.скорей суровая необходимость замешанная с понтами)

  30. megalodon [15.06.10 20:28] | Reply

    Первый раз слышу об этой дивной верстке,это и понятно я совсем недавно стал заниматься веб строительством
    На мой взггля сайт во весь экран смотриться краисевее,вот например для Joomla если стоят много модулей и все их надо разместить на лавной странице на сайте во весь экран разместить модули место больше значит это хорошо,а вязть еще баннеры,да и вид не совсем красивый кода на сайте много пустого места
    Я например использую шаблоны Joomla на весь экран

  31. mydesite [20.06.10 21:32] | Reply

    Дивна верстка, отличный инструмент веб-мастера. И ктобы чет не говорил, я от нее не откажусь.

  32. tumbr [09.07.10 14:57] | Reply

    Недавто перешел с таблиц на дивы. «Переход» был очень болезненным, но в результате html код стал на порядок понятнее и проще.

  33. Кинжал [26.07.10 14:05] | Reply

    Хорошо бы было…

  34. Jungle [17.08.10 10:24] | Reply

    А если я только начинаю вливаться в тему вообще html, с чего начать советуете?

  35. Сергей [27.08.10 13:53] | Reply

    Div верстка это очень нужный так скажем инструмент, сам html код гораздо лучше смотрится но более того поисковый паук проходит гораздо быстрее по коду страницы и более надежно считывает информацию. При помощи Div можно сделать классный дизайн и урезать код убрав таблицы в несколько раз. Если до сих пор не разобрался с Div то лучше потрать время но выучи эту верстку.

  36. german [28.08.10 00:41] | Reply

    Однозначно за дивы!!! Решить проблему с отображением в разном разрешении экрана можно с помощью java и css.

  37. Тигран [16.09.10 12:50] | Reply

    Добрый день !
    Если хорошо освоить css то можно верстать любой сайт в div .
    Если в ie открывается сайт криво ,то надо создать отдельный стиль и прописать инклюд в head

    )))

  38. llekltor [08.10.10 05:49] | Reply

    Я думаю резиновые шаблоны лучше,так как экраны не у все фиксированные

Post a Comment

Security Code: