Вернуться   Foxter.ru > Мой компьютер > Программирование > Web-программирование

Ответ
 
Опции темы Опции просмотра
Старый 20.10.2006, 06:44   #28678  
Гуру
 
Аватар для s1mon
 
Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349
Регистрация: 17.01.2006
Адрес: Клуб управления гневом
Сообщения: 408
Нарушения: Два нарушения
По умолчанию DIV - разметка блочного типа

До недавнего времени часто можно было увидеть что весь сайт построен с помощью таблицы. Теперь все чаще стали использовать, так называемую, размету блочного типа:

Цитата:
Блочные элементы можно вкладывать друг в друга, но нельзя пересекать друг с другом. Строковые элементы можно как вкладывать, так и пересекать(согласно DTD и практике старых версий браузеров), но последнее делать не рекомендуется.

Совершенно естественно, что по набору атрибутов управления отображением (атрибуты описания стиля) строковые и блочные элементы отличаются. Упрощенно можно сказать, что атрибуты описания стиля строкового элемента являются подмножеством атрибутов описания стиля блочного элемента.

Обобщениями блочного и строкового элементов с точки зрения стилей выступают элементы DIV и SPAN соответственно.
Кто чем пользуется?

Я строю главный макет страницы из таблицы, а в стлобцах уже ипользую DIV. Для новостных лент и аналогичных - UL+LI. Удобно.
__________________

s1mon вне форума   Ответить с цитированием
Старый 20.10.2006, 16:19   #28713  
Всегда в равновесии
 
Аватар для stihial
 
Репутация: 16864Репутация: 16864Репутация: 16864Репутация: 16864Репутация: 16864Репутация: 16864Репутация: 16864Репутация: 16864Репутация: 16864Репутация: 16864Репутация: 16864
Регистрация: 06.05.2006
Сообщения: 58
Сообщение

Цитата:
Сообщение от s1mon
Я строю главный макет страницы из таблицы, а в стлобцах уже ипользую DIV. Для новостных лент и аналогичных - UL+LI. Удобно.
Я делаю точно также. Основной каркас страницы делаю на табличной вёрстке и при этом делю его на три самостоятельных таблицы: хедер + основной текст + футер, причём все их делаю отдельными include из MySQL. Все остальные вложения в таблицы уже делаю при помощи ДИВной вёрстки.

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

Ну и конечно с использованием ДИВной вёрстки сильно сокращается и становится более прозрачным код страницы за счёт более широкого использования CSS.
__________________
Исчезли краски.
Я ступаю по пеплу
Сожжённых надежд.
stihial вне форума   Ответить с цитированием
Старый 20.10.2006, 18:49   #28718  
FX maker
 
Аватар для J.Carot
 
Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546
Регистрация: 19.01.2006
Адрес: Russian Federation
Сообщения: 955
По умолчанию

Див без таблиц-кривое отображение в различных бродилках.Так-что без таблиц его никак.
__________________
Promo?
J.Carot вне форума   Ответить с цитированием
Старый 20.10.2006, 19:25   #28720  
admin
 
Аватар для Barkoff
 
Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246
Регистрация: 25.10.2005
Сообщения: 1,053
По умолчанию

Цитата:
Сообщение от HTDX
Див без таблиц-кривое отображение в различных бродилках.Так-что без таблиц его никак.
http://www.csszengarden.com/ - зайди, посмотри. Философия css - чистый и простой код, таблицы - забытое прошлое. Там много примеров такого дизайна, просто поброди и убедишься в этом )
__________________
Barkoff вне форума   Ответить с цитированием
Старый 20.10.2006, 19:32   #28721  
FX maker
 
Аватар для J.Carot
 
Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546Репутация: 42546
Регистрация: 19.01.2006
Адрес: Russian Federation
Сообщения: 955
По умолчанию

х.з. Но если честно я пока САМ не вижу особой разницы в работе, кроме того, что страница по другому принципу грузится, возможно где-то и код меньше а в другом месте больше, так вот пока я в это не вдаюсь...мне не лень написать немного лишнего кода.Думаю беднее на пару КБ скачаного трафика никто не станет?
__________________
Promo?
J.Carot вне форума   Ответить с цитированием
Старый 20.10.2006, 19:46   #28722  
admin
 
Аватар для Barkoff
 
Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246
Регистрация: 25.10.2005
Сообщения: 1,053
По умолчанию

Цитата:
Сообщение от HTDX
х.з. Но если честно я пока САМ не вижу особой разницы в работе, кроме того, что страница по другому принципу грузится, возможно где-то и код меньше а в другом месте больше, так вот пока я в это не вдаюсь...мне не лень написать немного лишнего кода.
А дело ещё и в экономии времени написания кода - блочная структура гораздо проще описывается (хотя и здесь есть тонкости и хитрости). В любом случае, блочная вёрстка - это вёрстка будущего
__________________
Barkoff вне форума   Ответить с цитированием
Старый 20.10.2006, 20:54   #28726  
Гуру
 
Аватар для s1mon
 
Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349
Регистрация: 17.01.2006
Адрес: Клуб управления гневом
Сообщения: 408
Нарушения: Два нарушения
По умолчанию

Мне не нравится, что разные браузеры как-то по-разному распознают блоки. Нужно наверное посерьезнее углубиться в сабж.
__________________

s1mon вне форума   Ответить с цитированием
Старый 05.12.2006, 09:41   #34357  
Новичок
 
Аватар для Formazon
 
Репутация: 1
Регистрация: 05.12.2006
Сообщения: 8
По умолчанию

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

При идеальном отображении в IE мой любимы FireFox полностью изпохабил сайт. Но в конце концов все проблемы я решил, кроме одной, как отцентрировать <div> фиксированный ширины в обоих браузерах.
__________________
lj: formazon
Formazon вне форума   Ответить с цитированием
Старый 21.01.2007, 21:04   #38482  
Новичок
 
Аватар для Raily
 
Репутация: 1
Регистрация: 21.01.2007
Сообщения: 6
По умолчанию

Я часто использую блоки, с их помощью можно делать сайты более сложные, чем при помощи таблиц.
Raily вне форума   Ответить с цитированием
Старый 22.01.2007, 08:07   #38500  
Гуру
 
Аватар для s1mon
 
Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349
Регистрация: 17.01.2006
Адрес: Клуб управления гневом
Сообщения: 408
Нарушения: Два нарушения
По умолчанию

Raily Да, сейчас это крайне удобно, особенно использование всяких z-index'ов!
__________________

s1mon вне форума   Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей - 0 , гостей - 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB-коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход



Powered by vBulletin
Copyright ©2000-2024, Jelsoft Enterprises Ltd.
[Foxter Skin] developed by: Foxter.ru