Фикс верстки под ie 8-*

Question

[Alexander]

Суть проблемы в строке таблицы (screenshot.su/show.php?img=2137f6342d84f6f8e0ad0aa...).
Ширина всех ячеек стабильна, а вот ширина ячейки с селектом подводит, хотя стили для ячеек одинаковы.

Код ячеек:

<tr>
									<td></td>
	<td class="JoinTabRow">
		<select name="sex" id="SexSel" style="width: 100%;">
			<option value="0" selected="selected">- Ваш пол -</option>
			<option value="1">Мужской</option>
			<option value="2">Женский</option>
		</select>
	</td>
</tr>

Код стилей:

.JoinTab .JoinTabRow {
        width: 290px;
        padding: 5px 0px 5px 10px;
}

В современных браузерах все стабильно:
screenshot.su/show.php?img=40396ee5122a157d32d78f1...

Answer 1

[Юрий Лобанов]

Мой Вам совет: делайте для ie9, если все ок - то оставляйте как есть. А на восьмерке пусть будет как есть, селект короче остальных полей. Потому что тем, кто пользуется восьмеркой - наплевать как у них выглядит селект, а заказчику всегда можно объяснить, что браузер старый и забивать код такими вот костылями нет смысла.
Я всегда так делаю: в старых браузерах все должно быть читаемо, что касается визуальной части - то по возможности. Вы ведь не плодите бордер-радиусы картинками ради поддержки шестерки, пусть на шестерке блоки будут с прямыми углами.

Comments

[Alexander]

@iiil Я итак не поддерживаю ie! Но эта проблема как раз в ie9

[Юрий Лобанов]

@websiteserf , виноват, а у Вас в заголовке ie8, или это я смайлик не распознал? )

[Alexander]

@iiil ЭМ, IE от 8 и до бесконечности (*)

Answer 2

[Егор Огурцов]

stackoverflow.com/questions/10001291/aligning-text...

Answer 3

[Игорь Доминатор]

Добавление тега !important; в таблицу стилей

Comments

[Егор Огурцов]

бррррр