Как сделать табличку дивами?

Сообщений: 34 Регистрация: Апр 2012

14 Апреля 2013 19:13

Делаю табичку через диви, а у меня правий столбец едит вниз. Что мне делать? Можете на примере показать как сделать табличку дивами?

_twt.repacks.org.ua/9-ivan-urgant.html

Пиротехника купить (http://"http://piromarket.com.ua/") в Украине с доставкой по по выгодной цене. Только у меня для учасников форума скидка. Интернет магазин Пиро Маркет

Coder

Сообщений: 10779 Регистрация: Мар 2013

14 Апреля 2013 19:39

Для табличного представление именно table и предназначено. Поищите в инете, но это уже перебор. Кроме того, будут проблемы с кроссбраузерностью. Сделать можно, но овчинка не стоит выделки. Имхо.

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

Victoria

Сообщений: 121 Регистрация: Апр 2011

14 Апреля 2013 20:13

Цитата
Кроме того, будут проблемы с кроссбраузерностью

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

Изменено: Victoria - 14 Апреля 2013 20:14

Coder

Сообщений: 10779 Регистрация: Мар 2013

14 Апреля 2013 20:24

Цитата
Victoria пишет: Никаких проблем не будет ...

Ой ли? семейство IE8 и менее отличаются капризным нравом.

Цитата
абсолютном позицировании

тоже нежелательно, имхо.

А главное - зачем, когда есть таблицы. Преимущества div над table так никем и не доказаны, а уж для информации табличного представления, вопрос вообще понятен. Имхо, понятно.

Впрочем, если кто хочет делать дивами, то пусть делает - выбор каждого.

HeatoN

Сообщений: 1632 Регистрация: Апр 2013

14 Апреля 2013 21:05

Изучайте HTML, школьники smile:D

Желательно 5.
Там же в книжках все это описывается.

Валентин

Сообщений: 621 Регистрация: Май 2010

15 Апреля 2013 08:34

Цитата
Victoria пишет: Фиксированными значениями длинны, высоты и координат положения при абсолютном позицировании

размеры + позиционирование влево (float: left;))

Цитата
Coder пишет: А главное - зачем, когда есть таблицы. Преимущества div над table так никем и не доказаны,

таблица дольше грузится и труднее редактируется...

Цитата
Coder пишет: Для табличного представление именно table и предназначено.

вот это - самое главное!

инвестиции

Victoria

Сообщений: 121 Регистрация: Апр 2011

15 Апреля 2013 09:21

Цитата
Coder пишет: Ой ли? семейство IE8 и менее отличаются капризным нравом.

Не ой ли, зависит от опытности верстальщика, например страница standart-3166.clan.su/index/0-12 (всего подобных на сайте 19 штук) была создана ещё при использовании Internet Explorer 8, как были такие страницы кроссбраузерны в прошлом так и сейчас ситуация с ними не изменилась и в IE 9 и IE 10 (остальные обозреватели типа Opera, Chrome, Firefox даже не упоминаю). Вёрстка массива данных чисто DIV ...
А на счёт типа IE 5 - IE 6, расчитывать на кроссбраузерность в них, это чистой воды садо-маза идиота ...

Victoria

Сообщений: 121 Регистрация: Апр 2011

15 Апреля 2013 09:23

Цитата
Валентин пишет: таблица дольше грузится и труднее редактируется...

100% верное заключение.
Выше упомянутая страница, изначально сделанная таблицей, была просто горным тормозом. При реализации div_ами результат превосходный ..

Цитата
размеры + позиционирование влево (float: left;))

Не совсем так ...
Примерно так и без использования float, для резинового типа макета длину и значения координат (left, top) указывать в % или EM ..

Код
position: absolute; left: 0px; top: 0px; width: 20px; height: 20px;

Изменено: Victoria - 15 Апреля 2013 09:39

Aleksey

Сообщений: 148 Регистрация: Дек 2012

15 Апреля 2013 10:23

<div class=gl>
<div class=dv></div>
<div class=dv></div>
<div class=dv></div>
</div>
.gl {widtch:900px;}
.dv {floal:left; widtch: 299px}

Валентин

Сообщений: 621 Регистрация: Май 2010

#10

15 Апреля 2013 11:59

Цитата

Victoria пишет:

Цитата
размеры + позиционирование влево (float: left;))

Код
position: absolute; left: 0px; top: 0px; width: 20px; height: 20px;

именно так smile:)

а если макет не резиновый, а адаптивный?

Код
position: absolute;

применяется в крайних случаях, когда ничем другим уже не "вылечить"

Цитата
Victoria пишет: страница standart-3166.clan.su/index/0-12

вы меня извините, но это говнокод

Coder

Сообщений: 10779 Регистрация: Мар 2013

#11

15 Апреля 2013 12:02

Цитата
Victoria пишет: 100% верное заключение .

Не совсем так. Современные браузеры умеют подгружать в оптимальном режиме. А насчет увлечения дивами - есть такой термин "дивизация". Насчет горного тормоза не соглашусь. Имхо.

Похожие темы:

10.03.2024 22:41	Как сделать 301 редирект на https
16.07.2018 22:30	Как по умолчанию сделать спойлер открытым?
29.06.2018 11:09	Как сделать микроразметку dle 8.5
15.04.2018 13:51	Нужно сделать разметку чтобы видео выводилось в яндекс видео
26.12.2017 23:23	Подскажите как сделать так в DLE XFlist

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
20:17 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 19:40 adsense в 2026: кто реально выводит копейку через киргизию? 14:09 2Index - быстрая индексация страниц сайта и обратных ссылок 12:26 Очередной взлом через плагин. Хакеры получают админку без пароля 12:12 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 23:24 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 23:05 Раскрутка форума	17:18 SOCKS5 приватные прокси на 30 дней для PayPal 17:16 Google Voice аккаунты для бесплатных SMS и звонков 17:16 PayPal аккаунты для любых целей 15:11 HH.ru Работадателя вериф 14:49 4G/LTE Mobile Proxy 30+ geo 14:43 [UPDATE] CryptoMonitor — обмен BTC, USDT, XMR \| актуальная тема сервиса 13:32 Мониторинг обменников Сrypto-scout.io	23:48 Точные прогнозы на футбол 22:38 Огородники 19:36 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 16:47 Какой фильм вы любите посмотреть перед сном? 15:46 молодильные яблоки и живая вода 10:11 О природе путешествий. 15:04 Сайты Рунета