设置宽度里面的全宽背景图像

希望你能帮助我的查询。我正在一个手动编码的网站内部建立一个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

设置宽度里面的全宽背景图像

回答

相关问题