Коллеги, помоги написать структуру сайта на div.

D2
На сайте с 23.05.2008
Offline
33
2818

Здрасьте всем.

Вот задумал сделать еще один сайт себе и решил попробовать все сделать на div вместо таблиц. Уже почти 4 дня сижу, но так и не могу грамотно написать шаблон. То поля разъезжаются, то в разных браузерах все по разному отображается, а больше всего бесит разная длина столбцов div.

Может кто-нибудь направить на путь истинный по созданию вот такого шаблона на div, т.е. без какой-либо графики, просто костяк...

Коллекция кулинарных рецептов, рецепты для всех и на любой случай! (http://www.bluda.net)
[Удален]
#1

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

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

Николай В.
На сайте с 07.09.2006
Offline
62
#2

У меня картинка не загрузилась, но тем не менее — новичковый инструмент и почти классическая статья.

D2
На сайте с 23.05.2008
Offline
33
#3

я проводил эксперимент с таблицей и дивами. на мой взгляд - лучший вариант, но!

У меня получается, что часть с контентом сайта в 2-3 раза длинее чем правая и левая часть сайта. Вот в центре див растягивается на всю высоту, а в левой и правой части нет... и никак я это побороть не могу....

Николай В.
На сайте с 07.09.2006
Offline
62
#4

Равная высота делается либо эмуляцией через танцы с фонами/цветными границами, либо js-скриптом :)

D2
На сайте с 23.05.2008
Offline
33
#5
Николай В.:
Равная высота делается либо эмуляцией через танцы с фонами/цветными границами, либо js-скриптом :)

мда... и в чем тогда прелесть этих div - в танцах с бубном ? :)

АП
На сайте с 06.08.2007
Offline
31
#6

Вот ресурсы с готовыми шаблонами, гляньте, будет проще потом самому делать:

http://blog.html.it/layoutgala/

http://layouts.ironmyers.com/

А вот еще и меню Вам в помощь:

http://www.cssplay.co.uk/menus/

Удачного веб-мастеринга!

http://www.fotopetropavlovsk.ru/ (http://www.fotopetropavlovsk.ru)
D2
На сайте с 23.05.2008
Offline
33
#7

спасибо всем.

для себя решил использовать таблицу - как жесткий костяк и дивы, которые ставлю внутрь таблицы в нужные места. Уже сваял такое :) ничего не плывет, все получается, нормально отображается в Эксплорере и ФайерФокс 3.0

И
На сайте с 12.05.2008
Offline
8
#8

Смысл пихать дивы в таблицу не вижу. Уж тогда все на тд тр делать, или наоборот, что на мой взгляд правильнее, - таблички в Дивы сувать. Модульную сетку на дивах. Выравнивание столбцов дивных делается либо с помощью бэкграунда "родительского" дива - только внешне, или картинками, или JS.

F
На сайте с 29.08.2007
Offline
58
#9

Тоже решил поэкспериментировать с дивами... нарыл сайт на дивах и начал его разбирать...т.е. методом тыка...вроде все получилось нормально...попробуй тоже...потыкать...так сказать...

Единственное что я не понял...так это...как выравнять блок по центру....

т.е. верхний блок у меня 500 пикселей...а нижний 700...вот надо что-бы верхний был по центру страницы...

после танцев...я тубо взял и верхний блок сделал картинкой в 700 пикселей...

Заработайте (http://www.sape.ru/r.ca1b24c679.php) на ваших сайтах Продвижение (http://seopult.ru/ref.php?ref=d147500bdb9ec1b3 ) сайтов! Новый инструмент (http://client.webeffector.ru/registration.html?invitation=555d6702c950ecb729a966504af0a635) для автоматической раскрутки!
Flash.UA
На сайте с 11.09.2007
Offline
46
#10
Freedon:


Единственное что я не понял...так это...как выравнять блок по центру....
т.е. верхний блок у меня 500 пикселей...а нижний 700...вот надо что-бы верхний был по центру страницы...
после танцев...я тубо взял и верхний блок сделал картинкой в 700 пикселей...

Нужно было задать блоку свойство margin:0 auto; И все дела :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий