Самодеятельность IE - паддинг.

**WEB_bobby** · 04.08.2007, 19:48

Когда я задаю margin-left:49px форме, IE применяет и padding-left:49px, хотя padding не задан. Помогите найти причину.

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
****<title>Untitled</title>
****<style type ="text/CSS">
 ** {margin:0; padding:0; border:0}
 *#sh{width:201px; height:23px; *margin:0 0 0 49px; background-color:#00ff00 }
 *#pl{width:155px; height:23px; *background-color:#ff0000; float:left }
****</style>
</head>

<body>
****<form name= "searcher" id= "sh" action= "" method= "POST">
 *<input type= "text" id ="pl" maxlength= "25" name= "login" value= "Ïîèñê ïî êàòàëîãó">
****</form>****
</body>
</html>

**Zigzag** · 04.08.2007, 22:37

стандартный баг IE с удвоением полей у блока с обтеканием. лечится либо отменой обтекания, либо для блока display: inline; либо скормить для IE отдельный стиль с уменьшенным вдвое значением поля.

**Aykroyd** · 04.08.2007, 22:44

Честно? )
Да вот хрен ее маму знает, что он там появляется... Не паддинг это... К сожалению, некогда сейчас разбираться что это такое... Рекомендую не задавать маргин форме, заключите эту форму в отдельный див, и ему уже задавайте... Думаю, проблема решится. Тем более, что по требованиям Strict-доктайпа, все элементы формы в любом случае должны находиться либо в отдельном диве, либо в параграфе либо еще там в чем-то еще... не помню... ))

**Aykroyd** · 04.08.2007, 22:46

Originally posted by Zigzag@Aug 4 2007, 22:37
стандартный баг IE с удвоением полей у блока с обтеканием. лечится либо отменой обтекания, либо для блока display: inline; либо скормить для IE отдельный стиль с уменьшенным вдвое значением поля.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Да ничего подобного, Паш! Я тоже так сначала навскидку подумал, когда код поглядел... Не удваивание полей это... Там у инпута нет левого маргина... Хрень какая-то очередная...

**WEB_bobby** · 04.08.2007, 22:48

Cпасибо, заключу в блок - открыли глаза почему ругаеться владитор.
Ну а все же на досуге надо будет выявить что это за зверь.) Сейчас времени тоже нету.

**Zigzag** · 04.08.2007, 23:20

Originally posted by WEB_bobby@Aug 4 2007, 19:48
Cпасибо, заключу в блок - открыли глаза почему ругаеться владитор.
Ну а все же на досуге надо будет выявить что это за зверь.) Сейчас времени тоже нету.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

а еще лучше в fieldset заключить, так вообще будет шоколадно.

**WEB_bobby** · 04.08.2007, 23:25

Originally posted by Zigzag@Aug 4 2007, 18:20
а еще лучше в fieldset заключить, так вообще будет шоколадно.*
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
оки)

**Aykroyd** · 05.08.2007, 01:08

fieldset не всегда нужен, имхо :ninja: Да и не думаю, что семантика этого требует в обязательном порядке (если полей немного)... Мож ошибаюсь? )

**Zigzag** · 05.08.2007, 16:51

это вроде как необязательно, но почОтно =)
когда отключаешь CSS и видишь красотень такую

**WEB_bobby** · 05.08.2007, 17:39

Знаете, задал форме

Код:

id ="sh"

100% высоту и ширину, а марджинг задал диву, та же петрушка - отступ теперь внутри дива. Искать причины - нету времени, поэтому тупо задал паддинг форме, ну а маргин у дива убрал соответственно.

Код:

<form name= "searcher" id= "sh" action= "" method= "POST">
 * *<div id= "cr">
 * * * *<input type= "text" name= "login" id= "pl" maxlength= "25" value= "Поиск">
 * * * *<input type= "image" id= "si" *alt= "Ïîèñê" src= *"images/si.gif">****
 * * </div>
</form>

**Zigzag** · 05.08.2007, 19:43

блин, реаль но интересный глюк. пытаюсь найти решение, пока безрезультатно

**Aykroyd** · 05.08.2007, 23:26

я тоже как-то не сталкивался раньше)

Ветер · 11.08.2007, 10:44

как-то быстренько решилось. как это работаяет (откуда взялись поля у input) я правда не понял, но ход для решения вполне стандартный:

Код:

<html>
<head>
<title>Untitled</title>
<style type ="text/CSS">
 * {margin:0; padding:0; border:0}
 #sh{width:201px; height:23px; *margin:0 0 0 49px; background-color:#00ff00;}
 #pl{width:155px; height:23px; *background-color:#ff0000; float:left; display:block;:margin-left:-25px;}
</style>
</head>

<body>






<form name= "searcher" id= "sh" action= "" method= "POST">
 <input type= "text" id ="pl" maxlength= "25" name= "login" value= "Ïîèñê ïî êàòàëîãó">
</form> 
</body>
</html>

:margin-left:-25px; — отрицательное значение для поля (в два раза меньше, чем у родительского объекта). «:» — чтобы работало только в ie.

**Aykroyd** · 11.08.2007, 18:40

Ветер
Тут вопрос уже в другом – хотелось бы выяснить происхождение этого очередного бага. А как решить эту задачу – это не проблема. Решить ее можно миллионом способов...

**Zigzag** · 12.08.2007, 00:43

Originally posted by Ветер@Aug 11 2007, 07:44

Код:

#pl{:margin-left:-25px;}

:margin-left:-25px; — отрицательное значение для поля (в два раза меньше, чем у родительского объекта). «:» — чтобы работало только в ie.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>

фигасе, впервые вижу такую технику, имхо, всетаки _ или / или даже *html приятнее глазу и привычнее

**Aykroyd** · 12.08.2007, 00:54

Zigzag

Я бы сказал, * html – это даже не столько приятнее глазу и привычнее, сколько надежнее, наверно... ) Кстати, в последнее время все чаще и чаще стал обходиться без него... Надобность отпала, представляешь? ) Просто очередной этап "прозрения" относительно корявости IE6 наступил... ) Эх, жаль, что до сих пор никак до блога руки не дойдут... А то бы поделился своими очередными умозаключениями...

Тема: Самодеятельность IE - паддинг.

Опции темы

Поиск по теме

Отображение

Похожие темы

Паддинг в <li>

Ваши права