標頭不是全角-HTML / CSS

Question

我的網頁標題是圖片。 唯一的問題是它不是延伸到頁面右側末端的全部寬度，而不是延伸到頁面左側的全部寬度。 我的問題是如何使其適合整個頁面寬度？ 我已經進行了一些搜索，但沒有找到任何東西。 我試圖改變所有的CSS元素沒有運氣。 不知道為什么會這樣。

這是CSS：

header{
   position: absoulute;
   top: 0;
   width: 100%;
   margin: 0;
   background: url(images/logo2.png) no-repeat;
   height:100px;
   left: 0px;
   margin-left: 0;   
}

HTML：

<img src="Images/logo2.png" width="1459" height="372" /></a>
<div id="header"></a></div>

因此，讓我再總結一次我的問題。 我希望標題圖像為屏幕的全寬。

您可以在這里看到整個頁面。

Answer 1

為正文設置0px邊距和填充。

CSS：

body{    
    margin: 0px;
    padding: 0px;
}

我希望它能解決您的問題。

Answer 2

您只需要修復ID選擇器即可。 通過在井號之前添加井號來選擇ID。 在您的情況下，代碼為：

#header{
   position: absolute;
   top: 0;
   width: 100%;
   margin: 0;
   background: url(images/logo2.png) no-repeat;
   height:100px;
   left: 0px;
   margin-left: 0;   
}

注意#前header 。 我還糾正了您的position: absoulute將position: absolute改為position: absolute 。

Answer 3

在這里查看。

http://jsfiddle.net/SinisterSystems/j5BNC/

最好的選擇是將#header圖片設為2200px +並減小 ，否則它將像素化。

編輯：

@apples 。 任何類型的模板系統 （例如dreamweaver或frontpage之類的開發工具）都是非常危險的。 它應用了各種樣式和諸如此類的東西，使您的頁面非常臟，並且無法交叉兼容。 即使可以使用，也可能無法在其他瀏覽器，分辨率等上使用。

#header {
    position:relative;
}

#header img {
    position:absolute;
    max-width:100%;
}