Jump to content
  • 0

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

Justnewone

Asked by Justnewone,

 Share

Question

Justnewone Explorer

Justnewone

Posted
Posted

Есть вот это, надо смотреть в 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;}. Но вдруг кто-то совсем элегантно решал, может поделитесь?

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0
Justnewone Explorer

Justnewone

Posted
  • Author
Posted
а доктайп?

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted (edited)

Чинит тока ИЕ

<style type="text/css">

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

</style>

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

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

Edited by psywalker
Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
  • Author
Posted
Justnewone

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

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

Justnewone

1)

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

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

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
  • Author
Posted
Justnewone

1)

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

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

Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

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

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

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

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

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
  • Author
Posted

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept