Занятный ослиный косяк

Justnewone · July 13, 2009

Есть вот это, надо смотреть в IE6 и IE7.

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
<!--
DT{width:12em;}
DD{width:18em; margin-left: 12em; margin-top:-1.2em;}
INPUT, SELECT{width:100%;}
-->
</style>
</head>
<body>
<form method="get" action="#">
	<dl>
		<dt><label for="id1">Поле:</label></dt>
		<dd><input type="text" id="id1" value="..." /></dd>
		<dt><label for="id2">Поле:</label></dt>
		<dd><input type="text" id="id2" value="..." /></dd>
		<dt><label for="id3">Поле:</label></dt>
		<dd>
			<select id="id3">
				<option value=""></option>
				<option value="one">one</option>
				<option value="two">two</option>
			</select>
		</dd>
	</dl>
</form>
</body>
</html>

Что только не применял - не выходит, haslayout бесполезен. Можно конечно по другому ширины расставить и все лечица, но я уперся, мне кажеца что это инкорнация бага про удвоение маргина с флоат-элементом, может я просто вокруг стреляю? Нашел только, что если INPUT оборачивать просто в DIV, ваще даже без стилей, то все в норме. Пока нашел 2 решения, оборачивание в DIV и INPUT{ * margin-left:-12em;}. Но вдруг кто-то совсем элегантно решал, может поделитесь?

Игорь Ермаков · July 13, 2009

а доктайп?

Justnewone · July 13, 2009

а доктайп?

Не знаю, что за доктайп? =) Везде при всех доктайпах отступ остался. Что Вы имели ввиду? В любом случае, это кусок большущей страницы именно с таким доктайпом и обратной дороги, стало быть, нету, легче хаком долечить.

s0rr0w · July 13, 2009

DD{width:18em; margin-left: 0px; margin-top:-1.2em; padding-left: 12em; }

:blink:

psywalker · July 13, 2009

Чинит тока ИЕ

<style type="text/css">

dt{ width:12em; float: left;}
dd{ width:18em; margin-left: 0;}
input, select { width:100%;}

</style>

А вообще я бы такую вещь делал бы таблицей, что-бы наверняка и без последствий!

Интересный кстати баг, ранее не встречал такой :blink:

Edited July 13, 2009 by psywalker

Justnewone · July 14, 2009

DD{width:18em; margin-left: 0px; margin-top:-1.2em; padding-left: 12em; }

Да, есть такое =)

и еще вариант

DL{width:30em;)

DD{width:auto; margin-left: 12em; margin-top:-1.2em;}

НО всетке занятная штука

s0rr0w · July 14, 2009

Да, есть такое =)
и еще вариант
DL{width:30em;)
DD{width:auto; margin-left: 12em; margin-top:-1.2em;}
НО всетке занятная штука

Та там багов... упаримся перечислять...

psywalker · July 14, 2009

Justnewone

Кстати правда интересно, а почему ты не сделал таблицей? :blink:

Justnewone · July 14, 2009

Justnewone
Кстати правда интересно, а почему ты не сделал таблицей?

По моему глубокому убеждению, подобная инфа - не табличная. Для меня ее критерий, соответствие по типам, хотябы, ячеек в одной столбце/строке. Тут же просто перечисление, лист, а DL - потому что мне так удобнее, не надо назначать кучу классов, все элегантно. Это все что я могу сказать о войне во Вьетнаме =)

psywalker · July 14, 2009

Justnewone

1)

По моему глубокому убеждению, подобная инфа - не табличная. Для меня ее критерий, соответствие по типам, хотябы, ячеек в одной столбце/строке. Тут же просто перечисление, лист, а DL - потому что мне так удобнее, не надо назначать кучу классов, все элегантно. Это все что я могу сказать о войне во Вьетнаме =)

Ну вот хорошо, я согласен, инфа может и не табличная, но с другой стороны видишь, какие проблемы могут возникнуть в связи с этим решением. Я конечно сам фанат семантики, но такие вещи делал бы таблицей, дабы в будущем не возникло проблем

Justnewone · July 14, 2009

Justnewone
1)
Ну вот хорошо, я согласен, инфа может и не табличная, но с другой стороны видишь, какие проблемы могут возникнуть в связи с этим решением. Я конечно сам фанат семантики, но такие вещи делал бы таблицей, дабы в будущем не возникло проблем

я уже щас знаю не один способ сделать и беспроблемно забыть, мне было интересно мож кто докопался до сути. Чтобы не было в дальнейшем проблем совсем не обязательно применять таблицы.

Great Rash · July 14, 2009

Я конечно сам фанат семантики

Камрад, ну где же тут семантика. DL нужен "...для создания списка определений" (цитата с http://htmlbook.ru/html/dl.html). Если уж на то пошло тут надо использовать <frameset>

psywalker · July 14, 2009

Камрад, ну где же тут семантика. DL нужен "...для создания списка определений" (цитата с http://htmlbook.ru/html/dl.html). Если уж на то пошло тут надо использовать <frameset>

Ну тогда раз на то пошло, я уж точно бы таблицами сделал и не парился бы)))

s0rr0w · July 14, 2009

Ну тогда раз на то пошло, я уж точно бы таблицами сделал и не парился бы)))

Во-во

Justnewone · July 15, 2009

Все правильна, если начать копать, вся семантика - большая фальсификация. Нет конструкции "элементы формы", не может быть семантики тут никакой впринципе. Каждый делает так, как ему удобно. мне, например, удобно вот так.

Sign In

Занятный ослиный косяк

Question

Link to comment

Share on other sites

14 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

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