設置寬度裏面的全寬背景圖像

希望你能幫助我的查詢。我正在一個手動編碼的網站內部建立一個WP博客的過程，並且由於WP中的css問題很複雜。這裏的頁面 http://www.carehomesderby.co.uk/news/ 我想跨越瀏覽器的全寬菜單導航和頁腳，保持內容中心我試着將ul寬度設置爲3000px（例如），但它增加了約30px到RHS。我無法將菜單導航欄作爲WP中的header.php。風格正在通過相同的元素在幾個地方，所以我很難確定什麼是什麼。提前設置寬度裏面的全寬背景圖像

來源

2013-03-03 RachJenn

很難回答你的問題，當網站正在被改變，因爲我正在寫... :) – 2013-03-03 15:01:06

對不起，安德斯！我已經停止改變。感謝您花時間看看。 :-) – RachJenn 2013-03-03 15:05:37

非常感謝我有看到你的頁。頁腳，如果你希望它覆蓋整個頁面，然後只是刪除從頁腳標籤

<footer id="colophon" style="width:100%;" role="contentinfo">

的作用只是刪除從角色屬性contentinfo。

只是從角色屬性中刪除contentinfo。

對於導航：你需要幾件事，我在這裏給你一個想法

站點類

.site { /*max-width: 68.5714rem;*/ }
刪除寬度950像素值取出最大寬度from div標記

<div id="page" class="hfeed site" style="padding-top:0px; margin-top:0px;">

它會做什麼是，您的導航和頁面將獲取整個頁面，然後只設置內容，除了導航以外的任何地方。

來源

2013-03-03 15:03:09 Sachin

@RachJenn你試過我的解決方案嗎？ – Sachin 2013-03-03 15:07:07

是的，這已修復了頁腳 - 非常感謝您！ – RachJenn 2013-03-03 15:08:42

當它固定時，我將它標記爲答案嗎？幫助在導航將不勝感激:)我試過點擊您的答案旁邊的'有用'鏈接，但我不能，因爲我沒有足夠的代表。 – RachJenn 2013-03-03 15:13:25

你可以嘗試添加：

position:absolute; 
left:0px;

上線1479.

並把導航按鈕在導航欄裏面一個新的div。例如：

<div class="nav-menu"> 
     <div class="nav-button"> 
     <ul> 
      <li><a href="">Home</a></li> 
      <li><a href="">About Us</a></li> 
      <li><a href="">Facilities</a></li> 
      <li><a href="">Respite Care</a></li> 
      <li><a href="">Day Care</a></li> 
      <li><a href="">Gallery</a></li> 
      <li><a href="">Events</a></li> 
      <li><a href="">Testimonials</a></li> 
      <li><a href="">Contact Us</a></li> 

     </ul> 
     </div> 
     </div>

然後居中按鈕。

來源

2013-03-03 15:23:00 Giovanni

謝謝 - 非常感謝 – RachJenn 2013-03-03 15:51:06

設置寬度裏面的全寬背景圖像

回答

相關問題