Тег select,option вытягивает table в ie 7

Ritter · February 9, 2011

Сделал, что то типа:

<table>
<tr>
<td>
фотка
</td>
<td>
Название<br />
Описание<br />
Выбор опций
<select name="...">
код
<option value="...">
код
</option>
</select>
</tr>
</td>
</table>

Так вот в браузере ie 7 (ie 6 тоже) тег select, option вытягивают таблицу вниз насколько позволяют раскрываться эти теги.

В остальных браузерах, как всегда, всё отлично.

Как исправить это?

swetlana · February 9, 2011

а всё потому что в приведённом случае нет таблицы.

Использование таблицы в разметке резко ошибочно.

Ritter · February 9, 2011

а всё потому что в приведённом случае нет таблицы.
Использование таблицы в разметке резко ошибочно.

Т.е. таблицой не получится?

Сделать дивами?

Хотелось именно таблицой...

Edited February 9, 2011 by Ritter

Great Rash · February 9, 2011

Все потому, что теги закрыты в неправильном порядке.

</tr>
</td>
</table>

swetlana · February 9, 2011

…ять — это такая буква в старорусском алфавите. Время от времени она поминается в роли неопределённого артикля.

использование дивов или таблиц для позиционирования — это гнусный тупиковый подход.

Вот приблизительно верный вариант кода:

<form>
	<fieldset class="photo">
		<legend>фотка</legend>
		<label>название</label>
			<input name="name" />
		<label>Описание</label>
			<textarea name="description"></textarea>
		<label>Выбор опций</label>
			<select name="options">
				<option>опция1</option>
				<option>опция2</option>
				<option>опция3</option>
				<option>опция4</option>
			</select>
	</fieldset>
</form>

Great Rash · February 9, 2011

Вы не убедите меня юзать богомерзкие <fieldset> для верстки форм. Никогда! :)

Ritter, простите, конечно же вам решать, что для вас лучше, таблицы или то что предлагает swetlana.

Ritter · February 9, 2011

Все потому, что теги закрыты в неправильном порядке.
</tr>
</td>
</table>

Это я тут ошибся, на деле:

<table>

<tbody>

<tr>

<td>

......

</td>

</tr>

</tbody>

</table>

И всё такие есть способ нормальный выводить в таблице select или нет в ie7?

Edited February 9, 2011 by Ritter

Great Rash · February 9, 2011

<!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">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>

	<style type="text/css">
		table {
			border-collapse: collapse;
			border-spacing: 0;
			border: 0;
		}

		td {
			padding: 5px;
			border: black 1px solid;
		}
	</style>
</head>
<body>

	<form action="" method="get">
		<table cellspacing="0">
			<tbody>
				<tr>
					<td>
						<label for="test">Label</label>
					</td>
					<td>
						<select name="test" id="test">
							<option value="1">option 1</option>
							<option value="2">option 2</option>
							<option value="3">option 3</option>
							<option value="4">option 4</option>
							<option value="5">option 5</option>
						</select>
					</td>
				</tr>
			</tbody>
		</table>
	</form>

</body>
</html>

Ritter · February 9, 2011

Мда... У меня так и сделано. Все равно вытягивает сайт в браузере ie7/ie6 !

А вот если сохранить копию html, и открытить её в тех же браузерах, смотрится как надо

Great Rash · February 9, 2011

Что-то у вас где-то прогнило...

Ritter · February 9, 2011

Ох!!! Простите!!!! Удалите эту глупую тему! Голова нагрелась и забыл закрыть <form>

Vlad · February 9, 2011

У меня не получается повторить. Специально убрал тег </form> и ничего, так же все. Что, что вы такого сделали, поделитесь кодом, очень нужно!

Sign In

Тег select,option вытягивает table в ie 7

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information