ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / html-Таблица как убрать внешние отступы
4 сообщений из 4, страница 1 из 1
html-Таблица как убрать внешние отступы
    #38435432
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
День добрый.
Как убрать у таблицы внешние отступы, оставив отступы между ячейками?
Условие такое, что количество ячеек и строк динамическое, таблица должна занимать 100% ширины ее контейнера.
Содержимое ячеек тоже динамическое.
Что-то работающего решения для таблицы не нахожу даже на костылях..

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
    *{margin:0; padding:0}
    body{text-align:center} 
    .cnt{width:100px; margin:40px auto;background: #eeeeee;}
    table{border-collapse:separate; border-spacing:10px; *border-collapse: expression('separate', cellSpacing = '10px'); width:100%}
    table td{border:solid 1px blue; padding:10px;}    
    </style>
</head>
<body>
    <div class="cnt">
        <table>
            <tr><td>aa</td><td>aa
aa</td></tr>
            <tr><td>aa
aa</td><td>aa</td></tr>    
        </table>
    </div> 
</body>
</html>
...
Рейтинг: 0 / 0
21.10.2013, 13:29
| Ответить | Цитировать | Написать  
html-Таблица как убрать внешние отступы
    #38435575
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Код: css
1.
2.
    .cnt{overflow:hidden;}
    table{margin:-10px;}

Правый отступ можно залепить каким-нибудь дивом...
...
Рейтинг: 0 / 0
21.10.2013, 14:39
| Ответить | Цитировать | Написать  
html-Таблица как убрать внешние отступы
    #38435778
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
Antonariy
Код: css
1.
2.
    .cnt{overflow:hidden;}
    table{margin:-10px;}

Правый отступ можно залепить каким-нибудь дивом...
отрицательный маржин я тоже уже примеряла, но он не помогает, вернее, не на 100% потому что ширина таблицы остается прежней в итоге отступ слева исчезает, а справа становится больше.
...
Рейтинг: 0 / 0
21.10.2013, 16:23
| Ответить | Цитировать | Написать  
html-Таблица как убрать внешние отступы
    #38435899
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
пока придумалось следущее, жду подводных камней:

Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
    *{margin:0; padding:0}
    body{text-align:center; } 
    .cnt{width:100px; margin:40px auto;background: #eeeeee; overflow:hidden;}
    .in-cnt{margin:-10px;}
    #wish{border-collapse:separate; border-spacing:10px; *border-collapse: expression('separate', cellSpacing = '10px'); width:100%; }
    #wish td{border:solid 1px blue; padding:10px;}    
    </style>
</head>
<body>
    <div class="cnt">
        <div class="in-cnt">
            <table id="wish">
                <tr>
                    <td>aa</td><td>aa
aa</td>
                </tr>
                <tr>
                    <td>aa
aa</td><td>aa</td>
                </tr>
            </table>
        </div>
    </div>
</body>
</html>

[/SRC]
...
Рейтинг: 0 / 0
21.10.2013, 17:21
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / html-Таблица как убрать внешние отступы
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38435575&tid=1447765]:
 0ms
get settings:
 8ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 191ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 253ms
total:  546ms
созд. / загр.: 546ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]