Question

fieldset（反馈表单）中的标签存在问题。它在Firefox，Opera，IE6中正确显示，但在IE7 See this page here中看起来很难看。您还可以找到pg.css（主要ccs文件），ie6.css，ie.css。

HTML code：

<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 = text与div=container的宽度不同，上面的div与logo和menu（div = maincontent）相同。 div=text的宽度取决于最大的段落。在我的页面上，div = text的宽度与页面底部的最后一段相同，因此棕色线的宽度相同：

<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的专家，我需要你的帮助。

Answer 1

查看代码后，问题似乎在CSS中出现问题。在pg / pg.css中，代码块如下所示：

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

如果你取出浮子：左;一切都将在IE7中正确排列。

IE7标签定位问题，div宽度问题

1 个答案: