Логический блок div

← →
alexdn © (2011-11-29 17:45) [0]

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

← →
Медвежонок Пятачок © (2011-11-29 17:47) [1]

таблицы больше нравятся, а использую див

← →
upc (2011-11-29 17:47) [2]

сейчас начнется холивар?
div

← →
Ega23 © (2011-11-29 17:49) [3]

> сейчас начнется холивар?

+1

← →
clickmaker © (2011-11-29 17:50) [4]

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

← →
upc (2011-11-29 17:52) [5]

> если верстка довольно сложная, с дивами быть проблемы в
> разных браузерах.

например?

← →
alexdn © (2011-11-29 17:53) [6]

> clickmaker © (29.11.11 17:50) [4]
размер div тоже можно задать попиксельно, если это об отображении

← →
clickmaker © (2011-11-29 17:53) [7]

Ну я сталкивался с тем, что один и тот же код на дивах по-разному выглядел в IE и н-р, мозилле. Конкретные версии не вспомню уже.
С таблицами такого не было

← →
clickmaker © (2011-11-29 18:11) [8]

> Социальные сети зделаны практически полностью из div-ов

я бы не был так категоричен. В исходном коде страниц того же вконтакте можно обнаружить немало тэгов table

← →
alexdn © (2011-11-29 18:21) [9]

> clickmaker © (29.11.11 17:53) [7]
> Ну я сталкивался с тем, что один и тот же код на дивах по-
> разному выглядел в IE и н-р, мозилле
я тоже такое видел, но пришёл к выводу что дело не в них, а наверное в css, шрифтах и т.п..

← →
DVM © (2011-11-29 18:29) [10]

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

> alexdn © (29.11.11 18:21) [9]

> я тоже такое видел, но пришёл к выводу что дело не в них,
> а наверное в css, шрифтах и т.п..

Ясное дело виноваты не сами DIV-ы, а трактовка их внешнего вида в CSS конкретным браузером.

← →
знайка (2011-11-29 18:35) [11]

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

← →
alexdn © (2011-11-29 18:35) [12]

> DVM © (29.11.11 18:29) [10]
> текст в таблицах немного иначе воспринимается
> поисковиками.
вот это тоже интересно..

← →
Омлет © (2011-11-29 21:12) [13]

Как сделать выравнивание содержимого по-вертикали в div"е, чтобы работало, начиная с IE6?

← →
TUser © (2011-11-29 21:31) [14]

div, нету у меня времени с таблицами мучаться

← →
DVM © (2011-11-29 22:31) [15]

> alexdn © (29.11.11 18:35) [12]
> > DVM © (29.11.11 18:29) [10]
> > текст в таблицах немного иначе воспринимается
> > поисковиками.
> вот это тоже интересно..

Что интересно, когда все верстали в таблицах, текст в таблице имел меньши вес для поисковика, чем вне таблицы, потом все перешли на DIV-ы. Поисковики смекнули, что теперь в таблицах находятся табличные данные, котрые как правило представляют собой выжимку из сведений по какой то теме и теперь текст в таблице имеет больший вес. Это легко проверить, создав два одинаковых сайта, но в одном текст разместить на странице, а на другом в таблице. Подождать несколько месяцев и посмотреть как относительно друг друга эти два сайта расположены в выдаче поисковика.

← →
Андреевич (2011-11-29 22:33) [16]

делаю таблицами, некогда с бубном танцевать вокруг div

← →
Иксик © (2011-11-30 01:46) [17]

> DVM © (29.11.11 18:29) [10]
>
> По-хорошему, таблицы в оформлении - это зло. Верстка с помощью
> таблиц - это попытка с помощью средства, предназначенного
> для хранения содержательной части страницы построить оформление.
>
> Таблицы - для табличных данных. Для всего остального есть
> стили. Стилями же оформляются и DIV-ы.
> Таблицы жесткие, они не позволяют быстро и гибко менять
> дизайн, таблицы замедляют загрузку (визуально) страницы,
> так как пока не загрузится все содержимое таблицы она не
> может быть отображена, текст в таблицах немного иначе воспринимается
> поисковиками. Да много чего еще.

ППКС. Раньше матерился и все норовил вернуться к таблицам, потом подтянул css и сейчас вроде только div-ы.

← →
знайка (2011-11-30 03:01) [18]

А вот как сделать верстку под "кнопку", чтобы фоном была картинка с закругленными углами, текст естественно может быть любой, для простоты - однострочным? желательно под все браузеры

← →
KilkennyCat © (2011-11-30 04:38) [19]

> знайка (30.11.11 03:01) [18]

все картинки прямоугольные.

← →
brother © (2011-11-30 09:00) [20]

div vs table?)
таблицы! имхо проще, дивы использовал редко... впрочем, может чего не знаю о них)

← →
clickmaker © (2011-11-30 11:43) [21]

> чтобы фоном была картинка с закругленными углами

с помощью css можно иногда творить чудеса.

CSS:

.r1, .r2, .r3 {
display: block;
height: 1px;
overflow: hidden;
font-size:1px;
}
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
.inner-box { padding:2px; }
#rounded-box-1 .inner-box, #rounded-box-1 b {
background-color: #D7A538;
}
#rounded-box-2 .inner-box, #rounded-box-2 b {
background-color: #808080;
}
#rounded-box-3 .inner-box, #rounded-box-3 b {
background-color: #808080;
}
.outerDiv { margin-top:4px;margin-bottom:4px; color:white;}

HTML:

<div class="outerDiv">
<div id="rounded-box-1">
<b class="r3"><b class="r1"><b class="r1">
<div class="inner-box">
Закругленный див
</div>
<b class="r1"><b class="r1"><b class="r3">
</div></div>

← →
DVM © (2011-11-30 12:06) [22]

> с помощью css можно иногда творить чудеса.

в HTML5 там такого нагородили, что в плане оформления сложно что-то изобрести такого, что нельзя было бы сделать.

← →
знайка (2011-11-30 12:40) [23]

> clickmaker © (30.11.11 11:43) [21]
что это? о_О
вы откуда это вырвали?

> в HTML5
с пользователями беда, пока не все перешли.

← →
clickmaker © (2011-11-30 12:49) [24]

> что это? о_О
> вы откуда это вырвали?

из реально работающего проекта. Причем, под всеми браузерами выглядит всё это одинаково. А что?

← →
b z (2011-11-30 12:56) [25]

> clickmaker © (30.11.11 12:49) [24]
какой хотябы доктайп, да и все ли тут?

← →
clickmaker © (2011-11-30 12:56) [26]

> какой хотябы доктайп

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

← →
Anatoly Podgoretsky © (2011-11-30 15:46) [27]

> alexdn (29.11.2011 17:45:00) [0]

Использую и таблицы и div

Уроки по ASP.NET так и показывают как делать верстку

← →
Anatoly Podgoretsky © (2011-11-30 15:49) [28]

> DVM (29.11.2011 22:31:15) [15]

Это задачка про парня и двух девушек и поезд, к одной девушке он в 10 раз
чаще ездил

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

← →
Андреевич (2011-11-30 16:14) [30]

> Уроки по ASP.NET так и показывают как делать верстку

это что-то типа видеоуроков программирования на дельфи за 7 дней и пхп за 24 часа? %)

> Андреевич (30.11.2011 16:14:30) [30]

Типа, но не 7 дней, а много больше, там несколько гигабайт, много
Я первые три урока прочитал, третий был уже лишний

Кстати мне пригодилось, хотя это было совсем по другой версии VWD
Надо было понять концецию датасетов.

> А гидэ такое? :)

На сайте ASP.NET и на сайте http://www.podgoretsky.com/ftp/Docs/ASP/AspNET/, уже подобраное, искать не надо, но сейчас наверно на первом сайте более новое и больше.

У меня еще книжка электронная есть по экзамену, если надо кому. По 4-му фреймворку.

← →
Андреевич (2011-11-30 16:29) [37]

> Типа, но не 7 дней, а много больше, там несколько гигабайт,
> много
> Я первые три урока прочитал, третий был уже лишний

да речь не о том сколько их там, а о самом факте "видеоуроков" стебусь

> Андреевич (30.11.2011 16:29:37) [37]

> а о самом факте "видеоуроков" стебусь

Смотря от каких собаководов эти уроки.

http://www.freecsstemplates.org/

Логический блок div Найти похожие ветки