input-text лезет с соседнюю табличную ячейку
В ие6 и ие8 (ие7 у меня нет) input залазит в соседнюю ячейку, если в input подставить padding:0, то перекрытие уменьшается, но всё равно остаётся, это хорошо видно в предлагаемом файлике.
Как от этого избавиться? В остальных браузерах всё правильно. Мне нужно этот input состыковать с картинкой, и чтобы этот самый input был растянут на всю свою ячейку. Содержимое нижней ячейки должно быть одной ширины с input+картинка. P.S. Если убрать DOCTYPE, всё начинает работать правильно. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <title>Input-text</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> </head> <body> <br><br><br><br><br> <table border="1" width="30%" cellpadding="0" cellspacing="0" style="margin:0 auto;"> <tr><td> <!-- padding:0 0px; --> <input type="text" value="" name="txt2" id="txt2" style="width:100%; font-size:30px;"> </td><td style="width:22px;"> </td></tr><tr><td colspan="2"> </td></tr></table> </body> </html> |
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css">
input {
margin: 0;
padding: 0;
width: 100%;
font-size: 30px;
border: 0;
}
.input {
margin: 0;
padding: 0;
border: 1px solid blue;
}
</style>
<script>
</script>
</head>
<body>
<br><br><br><br><br>
<table border="1" width="30%" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td>
<div class='input'>
<input type="text" value="" name="txt2" id="txt2">
</div>
</td>
<td style="width:22px;">
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
</table>
</body>
</html>
|
ksa, Спасибо, в 8м нормально, 6й пока недоступен, потом скажу.
|
Всё нормально, только невозможно использовать "родной" бордюр. Но это уже мелочь.
ksa, Спасибо ещё раз. Помогло. |
| Часовой пояс GMT +3, время: 04:38. |