2008-11-17 84 views
1

我有fieldset(反馈表单)中的标签问题。它在Firefox,Opera,IE6中正确显示,但在IE7 See this page here中看起来很难看。 您还可以找到pg.css(主ccs文件),ie6.css,ie.cssIE7标签定位问题,div宽度问题

HTML代码:

<fieldset> 
    <legend>Вы можете отправить нам вопрос прямо с этой страницы, заполнив форму</legend> 
    <form action="mail.php" method="post"> 
     <label for="name">Имя*</label> <input type="text" name="name"><br> 
     <label for="tel">Телефон</label> <input type="text" name="tel"><br> 
     <label for="email">E-mail*</label> <input type="text" name="email"><br> 
     <label for="title">Тема вопроса</label> <input type="text" name="title"><br> 
     <label for="mess">Вопрос*</label><textarea name="mess"></textarea><br> 
     <label for="submit">&nbsp </label><input type="submit" value="Отправить" name="submit" class="button"><br> 
     <label for="reset">&nbsp </label><input type="reset" value="Очистить" class="button"> 
    </form> 
</fieldset> 

CSS代码:

label { 
    float:left; 
    width:25%; 
    text-align:right; 
    margin-right:5px; 
} 

textarea { 
    width: 400px; 
    height:200px; 
    font-size: 110%; 
} 

input, textarea { 
    padding: 2px; 
    margin: 5px; 
    border:1px #7a974d solid; 
    background: #f1ece8; 
} 

的第二个问题是,在IE7棕色线不是主div的宽度的100%。

#text, #text1 { 
    border-top: 3px solid #4d320f;/*brown line*/ 
    float: left; 
    margin: 0 1em 0 1em; 
    padding: 7px 0 0 0; 
} 

在我看来,该div =文本是不一样的宽度div=container与标志和菜单(DIV =搜索Maincontent)上股利。 div=text的宽度取决于最大的段落。在我的页面的div =文本的宽度是一样的,在页面底部的最后一段,所以棕色线是相同的宽度:

<p class="bottom">&copy; Copyright <a href="http://www.pg.ru/contact.htm">«ПартнерГрупп»</a>. Москва, ул. Давыдковская, д. 12, стр.7, <b>(495) 725-14-09</b></p> 

width:100%没有帮助。我无法弄清楚什么是错的。我不是css的专家,我需要你的帮助。

回答

3

查看您的代码后,问题似乎发生在您的CSS更高。在PG/pg.css有块中的代码看起来像以下:

#maincontent { 
    float: left; 
    margin: 0 0 10px 0; 
} 

如果你拿出浮动:左;一切都将开始在IE7中正确排列。