我想在Firefox中使用CSS在我的網站上顯示徽標和Flash橫幅。使用CSS在Firefox中定位徽標和橫幅的問題
徽標應爲250 X 250，橫幅800 X 250.兩者應顯示在同一行中。
這是我目前的CSS：
#logo{
background:#FFFFFF;
position:absolute;
left: 0px;
top: 0px;
width: 250px;
height: 200px;
}
#Banner{
background: #1071A6;
position:absolute;
left: 250px;
top: 200px;
width: 850px;
height: 250px;
}
不幸的是，在標誌的下方所顯示的旗幟。
有關如何正確定位這些元素的任何建議？
這裏亞去
<html>
<head>
<style type="text/css">
#logo{
background:#FFFFFF;
position:absolute;
left: 0px;
top: 0px;
width: 250px;
height: 250px;
}
#Banner{
background: #1071A6;
position:absolute;
left: 250px;
top: 0px;
width: 850px;
height: 250px;
}
</style>
</head>
<body>
<div id ="logo">
</div>
<div id="Banner">
</div>
</body>
</html>
讓它：
#logo {
background:#FFFFFF;
position:absolute;
left: 0px;
top: 0px;
width: 250px;
height: 200px;
}
#Banner {
background: #1071A6;
position:absolute;
left: 250px;
top: 0px;
width: 850px;
height: 250px;
}
應該top: 0px;兩個。
也可能是他的外部容器的寬度小於1100像素。也需要考慮利潤空白和填充。
我會做類似這樣的標記：
<div id="Header">
<div id="Banner"></div>
<div id="logo"></div>
<div style="clear: both;"></div>
</div> <!-- /Header -->
而像這樣的CSS。
#Header {
width: 1120px;
}
#logo {
position: relative;
float: left;
width: 250px;
height: 200px;
margin: 0;
border: 1px solid blue;
}
#Banner {
position: relative;
float: right;
width: 850px;
height: 250px;
margin: 0;
border: 1px solid red;
}
這些邊界只是爲了讓他們更容易看到divs沒有任何內容的時候。 – 2009-11-10 15:03:49
橫幅顯示在徽標下方。我想讓它一起展示。我的意思是在同一行。你能幫助...嗎？ – Flins 2009-11-10 14:55:49
我不使用任何容器DIV ..所有代碼都是在body標籤之後出現的。