在包装纸外部获取页脚

此刻，我的页脚（found here）与包装纸的宽度相同。但是，我想获得它，以便它可以达到页面的整个宽度。问题是，我似乎无法从包装中取出它。我会告诉你我的index.php文件，但它似乎并没有在这里正确显示。在包装纸外部获取页脚

给你一个简要概述，我现在用的是

<?php include("footer.html");?>

调用页脚到每个我的网页，这是所有的PHP文件。我也为标题做同样的事情。

如果任何人有Google Chrome浏览器和开发者视图（认为这是一个默认的扩展名，用F12访问？），您会看到这个调用在包装中。如果我拖动被调用的footer_wrapper部分并将其放在与包装器相同的级别上，将其拖放到/ body上方，它就是我想要的，然后展开页脚以覆盖页面。编辑：它工作正常，但那只是在Chrome中的开发人员模式，所以没有保存。问题是，我不知道如何在实际的PHP文件中复制该文件

我知道这是一个糟糕的解释，但我真的不知道如何正确解释它！

任何帮助将是伟大的！

编辑 - 这是我试图发布我的index.php代码：所有缩进等使它看起来非常混乱，为此我表示歉意。如果您想看到原始的代码在index.php，footer.html和header.html中，here's the download link

<?php $thisPage="Home";?> 
<html> 
<head> 
<title>Multiverse: The MMO Development Platform</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<link rel="stylesheet" href="style.css" type="text/css" /> 
</head> 
</html> 

<?php include("header.html");?> 

<html> 
<div id="content"> 

<h2>Homepage</h2> 
<br/> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend imperdiet magna a tempor. Maecenas eu vulputate turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce sit amet lorem sed dolor dignissim pulvinar. Sed mauris ipsum, interdum lobortis mattis sed, pellentesque id lacus. Sed sapien metus, dignissim in convallis eget, aliquet et nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus nunc risus, pulvinar in venenatis ultricies, mollis vel lectus.</p> 
      <br/> 
      <p>Suspendisse condimentum suscipit faucibus. Integer rutrum tincidunt neque sed sollicitudin. Donec pulvinar arcu id mauris luctus lacinia. Nam eu tempor velit. Etiam molestie mattis dolor quis lobortis. Mauris mollis, risus at ultrices cursus, sem elit ultricies lectus, eu pretium urna magna a nisi. Maecenas nibh ante, fringilla quis sagittis non, vulputate eu urna. Cras ut turpis orci. Donec tempor bibendum neque. Curabitur ac augue id arcu consectetur adipiscing vestibulum non lorem. In ultrices aliquet augue, hendrerit scelerisque lorem interdum sit amet. Aliquam dictum ipsum varius nisl faucibus ultricies. Vivamus sollicitudin, ligula sed consequat suscipit, augue nulla placerat ante, eu tempus turpis ligula ut mauris.</p> 
      <br/> 
      <p>Praesent vehicula nisi in velit fringilla porttitor. Duis vulputate risus id sem fringilla auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer id placerat est. Mauris eu leo lacus. Maecenas nibh turpis, congue sed auctor mattis, vestibulum in dolor. Sed auctor commodo nunc. Donec varius posuere lorem, vel bibendum dui euismod vitae. Fusce nec accumsan leo. Maecenas et diam a eros adipiscing venenatis ac eget diam. Fusce semper massa sed eros fringilla sodales. Vestibulum a nibh velit, at adipiscing turpis. Maecenas quis nulla elit, a luctus nunc. Suspendisse nec risus vitae massa mattis adipiscing.</p> 
      <br/> 
      <p>Curabitur ultrices facilisis scelerisque. Vivamus varius ornare felis, et auctor lacus imperdiet ut. Vivamus vestibulum molestie tellus, eget pulvinar justo dignissim non. Fusce posuere orci vel ligula pretium tempor id sit amet ligula. Nam lectus sem, imperdiet a placerat et, pulvinar in diam. Suspendisse potenti. Nulla sit amet metus magna. Phasellus dapibus molestie mauris at tempus. Aliquam ac risus elit. Vivamus dapibus enim eu orci lobortis aliquam.</p> 
      <br/> 
      <p>Vivamus ullamcorper consectetur pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus eleifend nisi nec odio imperdiet molestie. Maecenas at nulla tortor, in condimentum lorem. Quisque aliquam tellus non velit varius fermentum. Vivamus sit amet nisi risus, sed sagittis risus. Duis dictum justo et diam vulputate egestas. Suspendisse vel lacus nibh, nec venenatis risus. Duis ac metus sapien, a sollicitudin mi. Vivamus elementum urna eget mauris laoreet hendrerit. Cras vestibulum rutrum nunc, et ultrices turpis congue in. Aliquam sed lorem ligula. Phasellus mollis erat in metus tincidunt pretium.</p> 
      <br/> 


    <h2>Image examples</h2> 
    <p>&nbsp;</p> 
    <div id="stock"> 
    <img src="images/stock.png" alt="Stock Images!" />&nbsp;&nbsp;&nbsp;<img src="images/stock.png" alt="Stock Images!" /> 
    </div> 

<div id="featured_content"> 

     <div class="featured_block"> 
    <h3>Why Choose Multiverse?</h3> 
    <div class="image" style="background-image:url(http://www.heroengine.com/wp-content/uploads/2011/10/Asset-Browser-Wireframes1.jpeg);"><a href="http://www.heroengine.com/heroengine/why-heroengine/"></a></div> 
    <div class="text"> 
     <p>The Multiverse Platform, provides you with world building tools, renderer, integrated server architecture and an entire game’s worth of example code.</p> 
    </div> 
    </div> 
     <div class="featured_block"> 
    <h3>No Programming Required</h3> 
    <div class="image" style="background-image:url(http://www.heroengine.com/wp-content/uploads/2011/10/Why-HeroCloud-IS-Right-For-You.jpg);"><a href="http://www.heroengine.com/herocloud/"></a></div> 
    <div class="text"> 
     <p>You can actually make a functional MMO without programming knowledge. You only need to program when you want to make an advanced MMO.</p> 
    </div> 
    </div> 
     <div class="featured_block"> 
    <h3>Don't Spend A Cent</h3> 
    <div class="image" style="background-image:url(http://www.heroengine.com/wp-content/uploads/2011/10/hfibhbcf.jpg);"><a href="http://www.heroengine.com/2011/10/failure-is-not-an-option-its-a-requirement-the-culture-of-testing-everything/"></a></div> 
    <div class="text"> 
     <p>President and COO of HeroEngine, Neil Harris, discusses failure, it’s role in online game development and the culture of testing everything in his latest blog post.</p> 
    </div> 
    </div> 

</div> 
</div> 
<?php include("footer.html");?> 
</html>

来源

2012-01-03 tristanojbacon

“它完全符合我的要求，并扩展页脚以覆盖页面。”......那么问题解决了吗？ – 2012-01-03 22:45:26

是的，为什么不把包装页脚拉出来？ – 2012-01-03 22:48:25

它正是我想要的，但只在Chrome中的开发者模式中。它不会保存到文件中，因此最终只会在刷新时重置 – tristanojbacon 2012-01-03 22:50:56

我想象index.php看起来是这样的？

<div id="wrapper"> 
    <?php include("header.html");?> 
    <div id="content"> 
    <!-- generate content --> 
    </div> 
    <?php include("footer.html");?> 
</div>

变化，所以你包括footer.html外面包装div的：

此外，它看起来像你的包括（header.html，footer.html等）本身完整的HTML文件。也就是说，它们包括<html>和<body>标签。这真是太糟了。

浏览器看到的最后一页应该只有一个html元素和一个body元素。这些包括不应该包含包括任何内容，但是您希望在给定点插入的实际HTML元素。

例如，footer.html应该是这样的：

<div id="footer_wrap"> 
    <!-- code for footer --> 
</div>

它有时更容易使用不同的文件扩展名包括[.INCLUDE，.tmpl等]作为一个快速的提醒，他们不完全HTML文档。

修复了所有问题。 Download here。基本上，我从index.php中删除了多余的html和body标签，并且在footer.html的开始而不是最后关闭了包装div。这有效地“拖拉”它的包装div之外。

来源

2012-01-03 22:54:50 benesch

我已经发布了一个链接到实际的文件（因为他们到目前为止，做了一些改变，但没有有所作为） – tristanojbacon 2012-01-03 23:23:46

@tristanojbacon，看到更新。 – benesch 2012-01-03 23:35:09

你是一位绝对的明星，非常感谢你！出于某种原因，我在开始时并未注意到包装器的调用，所以显然没有正确关闭它。我不会再犯这个错误，这是肯定的！再次感谢：D – tristanojbacon 2012-01-03 23:40:12

东西了您的网页，该body标签结束通过标记一半..

不管怎么说，进入该文件，并要移动<?php include("footer.html");?>接近该文件成为了可能结束，然后设置#footer宽度为100％

来源

2012-01-03 22:53:41

其他的答案这里是正确的：你需要拉页脚包装外面，然后确保在样式表中你有

#footer_wrap {width:100%;}

不过，如果你绝望不要移动标签（如果您无法访问模板文件），则可以使用javascript或jquery在页面加载后展开页脚。但这绝对是最后一招的选择。

来源

2012-01-03 23:00:01

尊重，我不能把它拉出包装。那就是问题所在。至于我把PHP调用，它没有区别 – tristanojbacon 2012-01-03 23:04:07

你是如何编辑这个模板？你能发布模板代码吗？ – 2012-01-03 23:15:48

我上面已经发布了它，你可以从顶部下载实际的文件（index.php，footer.html和header.html） – tristanojbacon 2012-01-03 23:24:23

在包装纸外部获取页脚

回答

相关问题