Xpoint
   [напомнить пароль]

vertical-align в IE

Метки: [без меток]
2005-10-27 12:51:41 [обр] Polo[досье]

Есть такой код:

<style type='text/css'>
.css1 {background: #456; border: 0; font-family: Verdana; font-size: 10px; color: #FFF}
.css2 {width: 35pt; font-family: Verdana; font-size: 10px}
</style>

<table style='border: 1px solid black'>
<tr>
<td style='padding: 2px 10px 2px 8px;'>
Text <input type='text' class='css2'>
Text <input type='text' class='css2'>
Text <input type='text' class='css2'>
<input type='submit' value='Bottom' class='css1'>
</td>
   </tr>
</table>

Мне нужно чтобы кнопка была расположена вертипольно по середине относительно текстовых полей.
В FF все так как надо, а вот в опере и IE кнопка ниже полей. На vertical-align: middle; top; bottom браузеры почему-то никак не реагируют, а IE в этом случае почему-то игнорирует даже line-height. Подскажите, в чем может быть проблема?

спустя 9 минут [обр] Ping[досье]
Отдельный <td></td> кнопке выдели
спустя 8 минут [обр] Polo[досье]
Дело в том что это маленький кусрчек большого кода и внутри этой таблицы еще куча ячеек и столбцов, а если я сделаю так, то придеться многое менять и добавлять лишний код, а этого очень не хочется... Хотелось бы решить эту проблему с помощью css.
спустя 15 минут [обр] Tasha(0/9)[досье]
Может так?
<td style='padding: 2px 10px 2px 8px;'>
<div>
Text <input type='text' class='css2'>
Text <input type='text' class='css2'>
Text <input type='text' class='css2'>
</div>
<div style="text-align:center">
<input type='submit' value='Bottom' class='css1'>
</div>
спустя 2 минуты [обр] Tasha(0/9)[досье]
Извините. Невнимательно прочитала сообщение (сделала горизонтальное выравнивание).
спустя 5 минут [обр] Алексей В. Иванов(9/2861)[досье]
td * { vertical-align: middle; } или <input type='submit' value='Bottom' style="margin-top: -2px;">
спустя 55 минут [обр] Polo[досье]

Алексей В. Иванов[досье]

td * { vertical-align: middle; }

действительно работает, но это присваивается всем ячейкам таблицы. А как vertical-align: middle присвоить только нужной ячейке?

.css1 {vertical-align: middle; background: #456; border: 0; font-family: Verdana; font-size: 10px; color: #FFF}

почему-то не работает...

спустя 16 минут [обр] Алексей В. Иванов(9/2861)[досье]
.class *
  • -- любой элемент
спустя 38 минут [обр] Polo[досье]

Вот написал кажется так, как вы сказали:

<style type='text/css'>
.css1 {background: #456; border: 0; font-family: Verdana; font-size: 10px;}
.css2 {width: 35pt; font-family: Verdana; font-size: 10px}
td.test {vertical-align: middle; padding: 2px 10px 2px 8px;}
</style>

<table style='border: 1px solid black'>
<tr>
<td class='test'>
Text <input type='text' class='css2'>
Text <input type='text' class='css2'>
Text <input type='text' class='css2'>
<input type='submit' value='Bottom' class='css1'>
</td>
   </tr>
</table>

Результат такой же...

спустя 32 минуты [обр] Алексей В. Иванов(9/2861)[досье]
td.test * { vertical-align: middle; }
спустя 5 минут [обр] Polo[досье]
Ах да, до этого я не совсем правильно вас понял. Все работает, спасибо.
Powered by POEM™ Engine Copyright © 2002-2005