-
Когда я задаю 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>
-
стандартный баг IE с удвоением полей у блока с обтеканием. лечится либо отменой обтекания, либо для блока display: inline; либо скормить для IE отдельный стиль с уменьшенным вдвое значением поля.
-
Честно? )
Да вот хрен ее маму знает, что он там появляется... Не паддинг это... К сожалению, некогда сейчас разбираться что это такое... Рекомендую не задавать маргин форме, заключите эту форму в отдельный див, и ему уже задавайте... Думаю, проблема решится. Тем более, что по требованиям Strict-доктайпа, все элементы формы в любом случае должны находиться либо в отдельном диве, либо в параграфе либо еще там в чем-то еще... не помню... ))
-
Цитата:
Originally posted by Zigzag@Aug 4 2007, 22:37
стандартный баг IE с удвоением полей у блока с обтеканием. лечится либо отменой обтекания, либо для блока display: inline; либо скормить для IE отдельный стиль с уменьшенным вдвое значением поля.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Да ничего подобного, Паш! Я тоже так сначала навскидку подумал, когда код поглядел... Не удваивание полей это... Там у инпута нет левого маргина... Хрень какая-то очередная...
-
Cпасибо, заключу в блок - открыли глаза почему ругаеться владитор.
Ну а все же на досуге надо будет выявить что это за зверь.) Сейчас времени тоже нету.
-
Цитата:
Originally posted by WEB_bobby@Aug 4 2007, 19:48
Cпасибо, заключу в блок - открыли глаза почему ругаеться владитор.
Ну а все же на досуге надо будет выявить что это за зверь.) Сейчас времени тоже нету.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
а еще лучше в fieldset заключить, так вообще будет шоколадно. :dance2:
-
Цитата:
Originally posted by Zigzag@Aug 4 2007, 18:20
а еще лучше в fieldset заключить, так вообще будет шоколадно.* :dance2:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
оки)
-
fieldset не всегда нужен, имхо :ninja: Да и не думаю, что семантика этого требует в обязательном порядке (если полей немного)... Мож ошибаюсь? )
-
это вроде как необязательно, но почОтно =)
когда отключаешь CSS и видишь красотень такую [Only registered and activated users can see links. Click Here To Register...]
-
Знаете, задал форме 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>
-
блин, реаль но интересный глюк. пытаюсь найти решение, пока безрезультатно
-
я тоже как-то не сталкивался раньше)
-
как-то быстренько решилось. как это работаяет (откуда взялись поля у 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.
-
Ветер
Тут вопрос уже в другом – хотелось бы выяснить происхождение этого очередного бага. А как решить эту задачу – это не проблема. Решить ее можно миллионом способов...
-
Цитата:
Originally posted by Ветер@Aug 11 2007, 07:44
Код:
#pl{:margin-left:-25px;}
:margin-left:-25px; — отрицательное значение для поля (в два раза меньше, чем у родительского объекта). «:» — чтобы работало только в ie.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>
фигасе, впервые вижу такую технику, имхо, всетаки _ или / или даже *html приятнее глазу и привычнее
-
Zigzag
Я бы сказал, * html – это даже не столько приятнее глазу и привычнее, сколько надежнее, наверно... ) Кстати, в последнее время все чаще и чаще стал обходиться без него... Надобность отпала, представляешь? ) Просто очередной этап "прозрения" относительно корявости IE6 наступил... ) Эх, жаль, что до сих пор никак до блога руки не дойдут... А то бы поделился своими очередными умозаключениями...
