HTML+CSS+JavaScript

Люди!!!
В который раз уже начинаю верстать сайт...
Основные механизмы есть, теперь хочется собрать это все в работающую версию...

Знаю, что структуру html-странички можно создавать или таблицей или через div...

Подскажите, какие плюсы и минусы в той и другой практике... и какие подводные камни могут встретиться...

Буду весьма признателен.

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

Вы упустили третий вариант, когда на странице есть и div и таблицы, т.е. табличные данные должны верстатся таблицами, а всё остальное слоями.
Единственный минус вёрстки слоями (в простонародии дивами) - это эффект "обезьяны с гранатой". Разными браузерами ваша html-страничка отображается далеко не так как вы задумали.

> Разными браузерами ваша html-страничка отображается далеко не так как вы задумали.

Не понимаю о чем вы говорите, это зависит от профессионализма верстальщика; сделать, чтобы одинаково отображалось в ИЕ 6-7, ФФ 1.3-2, Сафари 3, Конкероре и Опере 9 не составляет проблем (небольшие проблемы только с ИЕ, но там есть свои фишки, с помошью которых всё исправляется)... к тому же проблемы с CSS, а не HTML :)

а где можно прочитать про эти проблемы?

Не понимаю о чем вы говорите

Вижу, что непонимаете...

зря. ЯR прав

Кинте ссылку или нарисуите кроссбраузерный вариант Хеадер, Футер и 3 колонки между ними с резиновым дизайном, буду премного благодарен.

ссылки нет.

Таких примеров в сети хоть закопайся. Да и на этом форуме было много ссылок на подобное. Поищите по слову div.

Что касается примеров.. мои сайты, которые я верстал для себя, сверстаны на дивах. И одинаково отображаются везде. Самая сложная, на мой взгляд дивная верстка, представлена здесь. Не подумайте, что реклама. Просто там даже не совсем колонки. Там сложный хедер, и три колонки неравной длины.

"это не реклама" надо было написать жырным шрифтом :)

Опера и Ослик нормально, а во всех остальных полоска под мышкой на один пиксель выше. (к сожалению проверить в различных версиях браузеров возможности нет)
Это ещё раз подтверждает мои слова.
Поиском я пользоваться умею, да и посты читаю исправно ;-)
Как сказал АлексСол: "Ссылок нет" и лично я ему верю)

....я там ахив прикрепил если кто не заметил....

хм... если кто, я так понимаю это я))) иду смотреть (но сначала пойду съем котлету)

Спасибо, это почти то... , но
если бы ещё колонки были одинаковой длинны (до Footer), было бы совсем хорошо ;-)

такое можно только с фиксированной шириной :)

знаю, есть уже))
просто таблицами я такое могу сотворить, а вот слоями нет, как-то ломал мозг над этим потом полпачки цитрамона съел)) так и не добился чего хотел...

Но если фон для трёх колонок одинаковый, то ваш вариант мне нравится, ещё раз спасибо.

Хотя.... если повозиться с бэкграундом, можно "обманным" образом добиться нужного эффекта (благо ширина боковых колонок фиксированая)

да, при фиксированной ширене колонок задача упрощается :)

>такое можно только с фиксированной шириной :)
оппа!
http://www.alistapart.com/d/negativemargins/ex5.htm

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

такой вариант тоже есть. Сейчас попробую найти его в максимально сокращенном виде

о... вот он

интересно, надо будет разобраться!
пока только один минус - опера и ff отображают поразному, сложно будет настроить...
спасибо.

рекомендую к прочтению http://htmlbook.ru

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

чем лучше ;) ?

на htmlbook.ru читать почти нечего.

бестолковый сайт... даже справочник весь какой-то неполный и неточный...