Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / html-Таблица как убрать внешние отступы / 4 сообщений из 4, страница 1 из 1
21.10.2013, 13:29
    #38435432
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
html-Таблица как убрать внешние отступы
День добрый.
Как убрать у таблицы внешние отступы, оставив отступы между ячейками?
Условие такое, что количество ячеек и строк динамическое, таблица должна занимать 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, 14:39
    #38435575
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
html-Таблица как убрать внешние отступы
Код: css
1.
2.
    .cnt{overflow:hidden;}
    table{margin:-10px;}

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

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

Код: 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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / html-Таблица как убрать внешние отступы / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 420ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447765]:
 0ms
get settings:
 4ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 157ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 21ms
get tp. blocked users:
 1ms
others: 215ms
total:  420ms
x
x
Закрыть


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