Непонятнки в XHTML-верстке

GD
На сайте с 26.08.2008
Offline
106
322

Есть простенькая таблица для примера: в ней 1 строка, 2 ячейки, в левой - инпут. Специально, чтобы видеть границы ячеек видны бордюры.

Так вот, инпут вылазиит за пределы ячейки и налазиит на правую ячейку. Ширину ему указываю 100%, хочу чтобы он был на всю ячейку, но никак не больше и не меньше. Указать 99% и т. п. не вариант, т. к. в конечном виде будут ячейки разной (в том числе и большой) ширины и для одних ячеек 1% будет мало, для других слишком много. Проблема касается всех браузеров (ИЕ, ФФ, Опера).

Ниже представлен код таблицы.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<style type="text/css">

input {

width: 100%;

}

</style>

</head>

<body>

<table border="1" cellpadding="0" cellspacing="0">

<tr>

<td width="500"><input type="text"/></td>

<td width="100">&nbsp;</td>

</tr>

</table>

</body>

</html>

Воздух выдержит только тех, только тех, кто верит в себя (с) Наутилус Помпилиус, Воздух
CE
На сайте с 30.01.2008
Offline
73
#1
Glukhov_D_O:
инпут вылазиит за пределы ячейки и налазиит на правую ячейку

На ячейку не налазит, а вот на границу да. Добавь в стиль инпута border:0px;

Ты это имел ввиду?

GD
На сайте с 26.08.2008
Offline
106
#2

Да, спасибо, помогло: бордер инпута убрал, а у ячеек прописал как у инпута и всё красиво и чётко :)

Тема закрыта :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий