1
我正在製作一個最終看起來像ESPN底線的代碼。CSS在WebKit或IE中不能按預期工作
Internet Explorer(7,8和9)尊重我的div的寬度屬性,但不尊重主div的居中。
雖然WebKit(Safari 5和6,Chrome)和Firefox不尊重div的寬度,但確實將主div正確居中。我正在努力讓CSS能夠跨工作。
HTML
<div id="ticker">
<div id="homeTeam">Team A</div>
<div id="homeScore">1</div>
<div id="awayTeam">Team B</div>
<div id="awayScore">2</div>
<div id="remaining">Final</div>
</div>
CSS
#ticker {
margin: auto;
width: 778px;
background-color: black;
height: 28px;
border-top-width: 3px;
border-top-style: outset;
border-top-color: #FFFFFF;
}
#homeScore {
width: 60px;
margin-left: -4px;
padding-right: 10px;
background-color: #79000a;
font-size: 24px;
color: white;
display: inline;
text-align: right;
}
#awayScore {
width: 60px;
margin-left: -4px;
padding-right: 10px;
background-color: #79000a;
font-size: 24px;
color: white;
display: inline;
text-align: right;
}
#homeTeam {
width: 270px;
padding-left: 10px;
background-color: #7c000e;
font-size: 24px;
color: white;
display: inline;
}
#awayTeam {
margin-left: 25px;
width: 270px;
padding-left: 10px;
background-color: #7c000e;
font-size: 24px;
color: white;
display: inline;
}
#remaining {
width: 76px;
background-color: black;
margin-left: 25px;
font-size: 20px;
color: white;
display: inline;
text-align: left;
}