дополнительные пробелы в верхней части изображения в форме в IE - PullRequest
Новая
       14

дополнительные пробелы в верхней части изображения в форме в IE

1 голос
/ 22 апреля 2010

У меня есть тестовая форма с пробелами над верхним изображением, которого там быть не должно ... Изображение является фоновым изображением, прикрепленным к тегу h1 Похоже, что между div .wufoo и формой #main_form есть пространство.

Css: 

<link rel="stylesheet" href="https://system.netsuite.com/c.659197/oboe/integrate/wufoo/css/structure.css" type="text/css" />
<link rel="stylesheet" href="https://system.netsuite.com/c.659197/oboe/integrate/wufoo/css/form.css" type="text/css" />
<link rel="stylesheet" href="https://system.netsuite.com/c.659197/oboe/integrate/wufoo/css/theme.css" type="text/css" />
<style type="text/css">
* {padding:0;margin:0;}
.wufoo{border:1px solid #444;margin:0;padding:0;}
.wufoo p{padding:3px;}
h1 {background:url("/oboe/header1.jpg") no-repeat -270px top;
cursor:pointer;height:164px;margin:auto;width:626px;}
h2{padding:3px; color:#444;}
.wufoo textarea.inputreq{width:355px;}
#main_form{padding:0;margin:0;}
</style>

HTML: 

<div id="container">
<div class="wufoo">
<form id="main_form" name="main_form" method="POST" action="test.nl" onsubmit="return ( window.isinited &amp;&amp; window.isvalid &amp;&amp; save_record( true ) )" style="margin: 0pt;">
<h1>Earth Day Giveaway</h1>
<h2>Earth Day Giveaway</h2>
</form>
</div><!--end wufoo--> 
</div><!--container-->

1 Ответ

0 голосов
/ 22 апреля 2010

Элемент h1 будет иметь поля, примененные к нему по умолчанию. 

h1 { margin: 0px; }

или в вашем случае, если вы центрируете его (я не знаю, что вы делаете с полем auto) вы можете использовать это: 

h1 { margin: 0px auto; }
...