Размеры элементов формы

UNIX · February 13, 2009

Hi All! Тема наверно уже не раз подымалась, но ответа я найти не смог. Проблема вот в чем: есть форма, содержащая 3 элемента (select, input, button). Задаю высоту для всех 3 элементов равную 20px. Кнопка и текстовое поле по высоте равны, а вот селект чуть-чуть выше. При чем в опере, файерфоксе и гуглохроме они одинаковые, а вот ИЕ6 как обычно капризничает. Можно это, как-то забороть не прибегая к экстраординарным мерам? Вариант с JS'ным селектом как раз из таких экстраординарных))

Great Rash · February 13, 2009

В ИЕ менять селект нельзя вааще никак...

Экстраординарный способ без JS:

прятать бордеры селекта в див, этот див прятать в еще один див, у которого увеличивать высоту.

Что-то типа такого:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>Div'ы Колонки одинаковой высоты</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
	* {
		margin: 0;
		padding: 0;
	}

	fieldset {
		border: 0;
	}

	div {
		float: left;
		border: #69c 1px solid;
		height: 20px;
		vertical-align: middle;
	}

	div.in {
		float: left;
		margin: -1px;
		overflow: hidden;
		position: relative;
	}

	select {
		margin: -1px;
	}
	</style>
</head>

<body>

<form action="" method="post">
	<fieldset>
		<div>
			<div class="in">
				<select name="select">
					<option value="1" selected>я первая опция</option>
					<option value="1" selected>я вторая опция</option>
				</select>
			</div>
		</div>
	</fieldset>
</form>

</body>
</html>

UNIX · February 13, 2009

Great Rash said:
В ИЕ менять селект нельзя вааще никак...

Это почему? Цвет фона, например. Почему бы не сменить.

За предложенный вариант с дивами спасибо. Я несколько иначе вопрос решил. Просто сбросил настройки шрифта к дефолтовым. Странно, в остальных-то бровzерах нормально всё было.

Great Rash · February 13, 2009

Это потому, что остальные браузеры нормальные.

Sign In

Размеры элементов формы

Question

UNIX

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

UNIX

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information