Скрытие select'а в ИЕ

e1f · October 31, 2008

Имеется такой подопытный код:

<!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=utf-8" />
<style type="text/css">
select {
  display: none;
  visibility: hidden;
}
span {
  margin : 0px;
  padding: 0px;
  border: 1px solid green;
}
</style>
</head>
<body>
<span>Селекты:</span>
<select>
<option>Option one</option>
<option>Option two</option>
</select>
<select>
<option>Option one</option>
<option>Option two</option>
</select>
<select>
<option>Option one</option>
<option>Option two</option>
</select>
<span>Текст после селектов.</span>
<span>Еще 1 текст.</span>
</body>
</html>

В результате: в ФФ и Опере все так как надо -- спаны рядом, с одинаковым промежутком.

В ИЕ6: между первым и вторым спанами большой промежуток, размар которого зависит от кол-ва скрытых селектов

Возможно ли как-то это поправить?

homm · October 31, 2008

<body>
<span>Селекты:</span><select>
<option>Option one</option>
<option>Option two</option>
</select><select>
<option>Option one</option>
<option>Option two</option>
</select><select>
<option>Option one</option>
<option>Option two</option>
</select>
<span>Текст после селектов.</span>
<span>Еще 1 текст.</span>
</body>

e1f · October 31, 2008

Cпасибо, понял. Но сработало только так:

<body>
<span>Селекты:</span><select>
<option>Option one</option>
<option>Option two</option>
</select><select>
<option>Option one</option>
<option>Option two</option>
</select><select>
<option>Option one</option>
<option>Option two</option>
</select><span>Текст после селектов.</span><span>Еще 1 текст.</span>
</body>

Не, насчет Майкрософт погорячился... походу наличие символов между инлайн-элементами считается пробелами...

Edited October 31, 2008 by e1f

Sign In

Скрытие select'а в ИЕ

Question

e1f

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

homm

Link to comment

Share on other sites

e1f

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information