[英]IE7 label positioning problem, problem with the div width
我在fieldset
(反饋表)中的標簽有問題。 它在Firefox,歌劇,IE6正確的顯示,但它會在IE7丑陋這里看到這個頁面 。 您還可以找到pg.css
(CCS主文件), ie6.css
, ie.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">  </label><input type="submit" value="Отправить" name="submit" class="button"><br>
<label for="reset">  </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">© 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.