CSS делает тдс перекрываются в таблице

Question

CSS делает тдс перекрываются в таблице

0

Я не понимаю, почему td перекрывается в моей таблице: http://jsfiddle.net/UEMgb/

table {
    display: inline-table;
    width: 60%;
    border-spacing:0px;
    margin:2%;
}

td {
    padding: 1px;
}

Muramasa 18 фев. 2014, в 19:30

Источник

0

Вы проверили масштаб вашего браузера? Они отлично смотрятся на моей машине.
Mike 18 фев. 2014, в 17:55
0

width: 100% + padding
Mr. Alien 18 фев. 2014, в 17:55
0

В Chrome @ Mike & на FF, .argument перекрывается .less , нет? @ Мистер Алиен, что ты имеешь в виду?
Muramasa 18 фев. 2014, в 17:57
1

ТД не перекрываются. Это элементы <input> которые у вас внутри. Если вы поместите width: 100% во <input type="text"> 2-го столбца, все станет выглядеть лучше:
Marc B 18 фев. 2014, в 17:57
1

@muramasa Он говорит о блочной модели CSS по умолчанию. Вы делаете что-то, что работает только в измененной блочной модели, известной нам из MS IE 6. В эти дни вы можете использовать эту блочную модель, используя свойство box-sizing (см. Ссылки в моем ответе…)
feeela 18 фев. 2014, в 17:59

Показать ещё 3 комментария

Теги:

html

css

table

2 ответа

1

Ваше padding.. на

.argument{
  padding: 0px 10px;
}

удалите это и, возможно, придется отрегулировать width и border крошечный бит

MoXplod 18 фев. 2014, в 15:52

Ещё вопросы

Вы проверили масштаб вашего браузера? Они отлично смотрятся на моей машине.
В Chrome @ Mike & на FF, .argument перекрывается .less , нет? @ Мистер Алиен, что ты имеешь в виду?
ТД не перекрываются. Это элементы <input> которые у вас внутри. Если вы поместите width: 100% во <input type="text"> 2-го столбца, все станет выглядеть лучше:
@muramasa Он говорит о блочной модели CSS по умолчанию. Вы делаете что-то, что работает только в измененной блочной модели, известной нам из MS IE 6. В эти дни вы можете использовать эту блочную модель, используя свойство box-sizing (см. Ссылки в моем ответе…)

feeela · Accepted Answer · 2014-02-18T16-20-00.000Z

Потому что вы устанавливаете входные данные на ширину 100%, а затем добавляете границу и добавление к ней. Возможно, вы можете удалить ширину и установить входы для display: block; или просто добавьте box-sizing: border-box; к стилям ввода:

http://jsfiddle.net/feeela/UEMgb/1/

Плеватель ссылается на: