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

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

14 Апреля 2013 19:13

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

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

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

Coder

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

14 Апреля 2013 19:39

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

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

✓ Курсы

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

Victoria

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

14 Апреля 2013 20:13

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

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

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

Coder

Сообщений: 10549 Регистрация: Мар 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

Сообщений: 10549 Регистрация: Мар 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)

Новые темы	Объявления	Свободное общение
19:04 Gambling Craft - гемблинг по белому 17:27 Нужна помощь советом! 16:07 Работаем в P2P платежах BYBIT \| USDT - RUB , RUB - USDT \| Ищем постоянных клиентов , выгодные условия. 10:44 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 19:41 25$ (ежемесячно) AdSense 21:39 Подскажите где продвигать сайт.	17:19 Куплю сайты генератор-вакансий, каталог компаний. 15:58 BestChange – обменивать электронную валюту можно быстро и выгодно 15:31 Waretizer.pw — Монетизация десктопного трафика по CPI! 14:38 PHONE FLOOD BOT - Бот флуда телефонов 13:38 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 13:30 Whatsapp рассылки и реселлерская программа 13:23 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old	03:11 Точные прогнозы на футбол 23:47 Добро пожаловать в цифровой мир... 22:39 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 11:58 Куплю проигрышные букмекерские аккаунты 00:12 Огородники 10:59 Новости искусственного интеллекта 04:26 Хром ругается на форум