簡體   English   中英

IE7標簽定位問題,div寬度問題

[英]IE7 label positioning problem, problem with the div width

我在fieldset (反饋表)中的標簽有問題。 它在Firefox,歌劇,IE6正確的顯示,但它會在IE7丑陋這里看到這個頁面 您還可以找到pg.css (CCS主文件), ie6.cssie.css

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 = text與div=container寬度不同,上標有徽標和菜單的div(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的專家,我需要您的幫助。

查看您的代碼后,該問題似乎在CSS的更高位置發生。 在pg / pg.css中,代碼塊如下所示:

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

如果取出浮點數:left; 一切都會開始在IE7中正確排列。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM