Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   <input> в <td> IE7 (https://javascript.ru/forum/xhtml-html-css/31016-input-v-td-ie7.html)

wawandas 23.08.2012 16:39

вспомнил что меня отпугнуло в блочной верстке, это то что нельзя контенту задать vertical-align:bottom; (в IE6,7,8)

wawandas 23.08.2012 16:40

хотя тут же будут кусочки таблиц

Deff 23.08.2012 16:45

wawandas,
Сокращаем до Двух
Верхняя И нижняя
http://s1.uploads.ru/i/D9QZb.png

wawandas 23.08.2012 16:48

Deff,
не совсем вас сейчас понимаю, верхняя и нижняя (кто именно?)

напомню, проблемы только в IE7 ((( имеет ли смысл перевёрстывать из-за ie7 может есть иной путь?

Deff 23.08.2012 16:54

wawandas,
Синие таблы - получились по три колонки (каждая колонка в одну ячейку - там мелочь (2 и 5-я строка в третьей колонке) - ставим все одно одной ячейкой - там оно вродь и не нужно

wawandas 23.08.2012 17:00

Deff,
думаете это решит проблему в ie7

ведь проблема в том что именно в ie7 инпыты стремятся залесть под соседей

ie6 и ie8 отображают корректно :-?

Deff 23.08.2012 17:09

wawandas,
1. Инпуты залезают из-за кривой таблицы и отсутствия тега <tbody>
Вот пытаемся упростить таблицу
Ну <tbody> надеюсь сами вставите

Deff 23.08.2012 17:24

<style type="text/css">
table.form td{
 border:1px solid;
}

</style>

<table class="form"><tbody>
  <tr>
    <td>1ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
  <tr>
    <td>2ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
  <tr>
    <td>3ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
  <tr>
    <td>4ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
  <tr>
    <td>5ячейка 1</td><td><input type=text/></td><td><input type=text/><input type=text/></td>
  </tr>
  <tr>
    <td>6ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
  <tr>
    <td>7ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
  <tr>
    <td>8ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
  <tr>
    <td>9ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
  <tr>
    <td>10ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
  <tr>
    <td>11ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
</tbody></table>



wawandas 23.08.2012 17:32

Deff,
спасибо!

решаю что лучше попробовать переверстать на таблице или все же применить div

wawandas 23.08.2012 17:37

Deff,
пожалуйста, если не сложно, можно ли пару строк именно на блочной верстке, хочется грамотно сверстать


Часовой пояс GMT +3, время: 07:48.