catman
-
Posts
3 -
Joined
-
Last visited
catman's Achievements
Explorer (1/14)
0
Reputation
-
Не знаю как понять по умолчания не обнуляются, можно ведь принудительно *{margin:0;} или задать margin:0; для самого поля только это не помогает, а по поводу устранения этого явления я делаю так position:relative; top:9px; left:10px;. тут вопрос даже в другом может я гдето ошибся и не замечаю этого или это глюк ie с которым нужно смирится.
-
вот весь код этой тестовой странички, я специально продублировал блок, чтобы показать как изменяются отступы при значении margin-left, 5px и 10px: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>x</title> <style type="text/css"> .c{width:160px; height:40px; margin:10px 0; background:#ccc; border:1px solid #000;} #v1{width:130px; height:20px; margin-top:9px; margin-left:5px; background:#aaa; border:1px solid #000;} #v2{width:130px; height:20px; margin-top:9px; margin-left:10px; background:#aaa; border:1px solid #000;} .b{width:105px; border:1px solid #000; background:#ff0;} </style> </head> <body> <div class="c"> <div id="v1"> <input class="b" type="text" name="search" maxlength="10"/> </div> </div> <div class="c"> <div id="v2"> <input class="b" type="text" name="search" maxlength="10"/> </div> </div> </body> </html> вот ie, скриншот с виртуальной машины, а изначально тестировал в "ie tester": вот современная opera:
-
Здравствуйте! Сразу изложу проблему: имеем вот такой элементарный код, проблема в следующем: элемент с id "v" имеет отступ слева в 10px, аналогичный отступ слева получается и у тега input в ie 5,6,7, вобщем создаётся впечатление что input наследует margin своего родителя, но насколько мне известно маргины не наследуются, да и я пробовал задать input, margin 0, не катит. вобщем в чём косяк? Спасибо за внимание. #c{width:160px; height:40px; background:#888; border:1px solid #000;} #v{width:130px; height:20px; margin-top:9px; margin-left:10px; border:1px solid #000;} #b{width:105px; height:15px; border:1px solid #000; background:#ff0;} <div id="c"> <div id="v"> <input id="b" type="text" name="pole" maxlength="25"/> </div> </div>