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;
}