GoFuckBiz.info
Форум успешных вебмастеров - GoFuckBiz.info
SEO · трафик · партнерские программы

   Форум успешных вебмастеров - Gofuckbiz.com > Бизнес-решения > Скрипты, программы и технические решения > дивная верстка

Просмотр полной версии : дивная верстка

10.08.2009, 11:00
seocoder
Подскажите какой то мануал по верстке дивами.
Таблицами сверстаю что угодно, а с этим затык...
10.08.2009, 11:07
pingo
http://csstool.ru/ :))
10.08.2009, 11:22
dveredel
Я как то без мануалов освоил...

Просто начал с нуля верстать, столкнулся с одной проблемой - поискал в гугле, нашел грамотное и простое решение (без хаков и пр.). Потом столкнулся с другой - опять пошукал, нашел, запомнил. И так далее (траблов конечно было очень много)

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

Главное СРАЗУ же каждый шаг проверять во ВСЕХ браузерах, поскольку например один из вариантов решения многих проблем - применение display: inline-block, который помогает даже в IE 6, страшно глючит во второй лисе (если я с первой не путаю), но при этом работает в остальных.

PS Браузеры я беру здесь: _http://www.xenocode.com/Browsers/
10.08.2009, 12:02
oledj
Подскажите какой то мануал по верстке дивами.
Таблицами сверстаю что угодно, а с этим затык...

htmlbook.ru
10.08.2009, 12:35
medar
Еще прикольно пользоваться каким-нибудь фреймворком типа http://www.blueprintcss.org/ . Там грамотный css ресет, типографика и сетка для расположения блоков. Вот примеры, они же краткие мануалы:
http://www.blueprintcss.org/tests/parts/sample.html
http://www.blueprintcss.org/tests/parts/grid.html
10.08.2009, 13:03
seocoder
абстрактные мануалы это хорошо ;) но для меня самое сложное позиционирование.
10.08.2009, 17:01
imgreen
имхо зацикливаться на одних дивах не надо, таблицы хоть и не были предназначены для верстки, но зачастую бывает удобнее использовать и их
смешанная верстка рулит
пример - этот форум
10.08.2009, 17:27
imgreen
Еще прикольно пользоваться каким-нибудь фреймворком типа http://www.blueprintcss.org/ . Там грамотный css ресет, типографика и сетка для расположения блоков. Вот примеры, они же краткие мануалы:
http://www.blueprintcss.org/tests/parts/sample.html
http://www.blueprintcss.org/tests/parts/grid.html

мало понятно как этим пользоваться...
и стоит ли оно того вообще
10.08.2009, 17:39
Maximus325
А зачем вы сами верстаете вообще?
Я ещё могу понять программинг, многие тут изначально кодеры + что то самому проще накидать, но вот верстать то зачем самому?
10.08.2009, 17:41
pingo
имхо зацикливаться на одних дивах не надо, таблицы хоть и не были предназначены для верстки, но зачастую бывает удобнее использовать и их
смешанная верстка рулит
пример - этот форум

+1 :)
10.08.2009, 17:42
seocoder
в дивах есть смысл. для всех правильно - информация от отображения отделена ;)
10.08.2009, 17:44
dveredel
А зачем вы сами верстаете вообще?
Я ещё могу понять программинг, многие тут изначально кодеры + что то самому проще накидать, но вот верстать то зачем самому?

Потому что зачастую (но не всегда) проще и быстрее сверстать самому, причем сразу же с учетом того, куда верстка натягиваться будет... А не пинать по сто раз на дню верстальщика, а после сдачи работы выяснить что некоторые блоки жестко привязаны и их нельзя использовать в другом месте.
10.08.2009, 21:44
medar
для меня самое сложное позиционирование.
Вот блюпринт как раз головняк с позиционированием снимает. Там жесткая сетка, рисуешь див с нужным названием класса, он встает на положенное место с нужной шириной, гарантированно точно и в любом браузере.

Но таблицы, конечно, не стоит сразу отбрасывать, для некоторых элементов сайта они рулят.

Вообще, я помню свои мучения с css, когда только начал его изучать. В онлайне мне как-то не попадалось хороших мануалов и справочников, я поехал в книжный и купил О'Рейлевскую книгу. Почитал немного - и в мозгу сразу все встало на свои места.
10.08.2009, 21:58
imgreen
А что именно с с позиционированием не так?
10.08.2009, 22:23
pingo
А что именно с с позиционированием не так?

наверное position: absolute | relative :)
10.08.2009, 22:29
imgreen
наверное position: absolute | relative :)

а в чем заминки? вроде же ничего сложного

Работает на vBulletin® версия 3.8.4. Copyright ©2000-2010, Jelsoft Enterprises Ltd. Перевод: zCarot