Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.01.2012, 17:27
Аспирант
Отправить личное сообщение для daMage Посмотреть профиль Найти все сообщения от daMage
 
Регистрация: 31.07.2010
Сообщений: 35

Блочная таблица
Подскажите как реализовать вот такую вот таблицу при помощи дивов и css:
http://s017.radikal.ru/i422/1201/f8/c50292e905a6.jpg
Сначала я применил float: left и border.
Минусы:
Все дивы выпали из потока(еще одного дива, в котором они находились), это не желательно. Также на некоторых местах было видно сразу две линии, то есть линия справа 1-го дива и линия слева 2-го дива не соединялись. Благо здесь помог отрицательный margin.
Далее я попробовал display: inline-block и тот же бордер.
Минусы:
По непонятной мне причине(видимо плохо знаком со свойствами) после каждого блока был небольшой отступ (~5px), проблема решилась, когда каждый див находился на одной строчке, что то же не подходит. И получил тот же результат.
Но убрать нижнюю линюю для последнего ряда дивов я так и не смог, что то в голову ничего не лезит. Помогите, плз.
Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 02.01.2012, 17:43
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Если IE7 не нужен, то display:table и т.д. http://htmlbook.ru/css/display
Ответить с цитированием
  #3 (permalink)  
Старый 02.01.2012, 17:54
Аспирант
Отправить личное сообщение для daMage Посмотреть профиль Найти все сообщения от daMage
 
Регистрация: 31.07.2010
Сообщений: 35

table - все дивы пошли в ряд
inline-table - тоже самое, что и inline-block, то есть отступы.

И что за отступы после каждого дива при display: inline-block? Их можно как то убрать?
Ответить с цитированием
  #4 (permalink)  
Старый 02.01.2012, 23:23
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,588

Это пробелы.
__________________
29375, 35
Ответить с цитированием
  #5 (permalink)  
Старый 03.01.2012, 01:47
Аспирант
Отправить личное сообщение для daMage Посмотреть профиль Найти все сообщения от daMage
 
Регистрация: 31.07.2010
Сообщений: 35

Спасибо, что разьяснили, но уже пошёл немного иным путем.
Когда я задаю футеру clear: both, то предыдущая проблема отпадает, но почему-то когда ставлю отрицательный margin для футера, то он не двигается. Так и должно быть или это у меня проблемы с версткой? Собственно вопрос, как поднять футер на 1 пиксель вверх?
Ответить с цитированием
  #6 (permalink)  
Старый 03.01.2012, 01:56
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,588

А ответ то один: верстайте таблицы таблицами.
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS и таблица pavel24071988 Общие вопросы Javascript 2 02.08.2011 16:40
jqgrid. таблица не отображается в Mozilla и Google Chrom skalka jQuery 0 19.07.2011 09:19
Таблица несоответсвие JSprog (X)HTML/CSS 45 07.09.2009 18:33
Динамическая таблица результатов Anutik_pk Я не знаю javascript 0 29.05.2009 01:02
Динамически раскрываемая таблица dm1tr1y Общие вопросы Javascript 11 25.04.2009 15:50