[英]different positioning between Chrome/Firefox and IE
我有以下布局:-
html: -
<header>
<div class="content-wrapper">
<div id="headerContainer">
<div class="headerProfileNotifications">
<img src="Images/" alt="notification" />
</div>
<div class="headerProfilePhoto">
<img src="Images/" alt="profile_photo" />
</div>
<div class="headerProfileDetails">
<div class="headerProfileName">John Smith</div>
<div class="headerProfileEmail">john.smith@someemail.co.uk</div>
</div>
</div>
</div>
</header>
和CSS:
header {
padding-bottom: 5px;
}
#headerContainer {
height: 33px;
background-position: 10px 2px;
padding-top: 2px;
}
.headerProfileNotifications {
float: right;
height: 22px;
width: 29px;
padding-right: 4px;
margin: 5px;
}
.headerProfilePhoto {
float: right;
height: 33px;
width: 22px;
margin: 5px;
}
.headerProfileDetails {
float: right;
padding-right: 4px;
font-size: 11px;
}
.headerProfileName {
margin-top: 2px;
float: right;
}
.headerProfileEmail {
margin-top: 0px;
}
但是,它在Chrome/Firefox,
看起來是一樣的,看起來應該是一樣的,但是在IE,
它的顯示方式卻有所不同。
我必須將哪些css
應用於IE
才能看起來與Chrome/Firefox?
完全相同Chrome/Firefox?
感謝您的幫助和時間
這將達到目的:
.headerProfileEmail {
clear:both;
float:right;
margin-top: 0px;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.