2012-01-03 2 views
1

私のフッター(found here)は、ラッパーと同じ幅です。しかし、私はそれがページの幅いっぱいになるようにしたいと思います。 問題は、私はラッパーからそれを得ることができないということです。 index.phpファイルを表示しますが、ここで正しく表示されていないようです。フッターをラッパーの外に取得

あなたに簡単な概要を与えることを、私はすべてのPHPファイルである私のページのそれぞれにフッターを呼び出すために

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

を使用しています。ヘッダーについても同じことをやっています。

誰かがGoogle Chromeを持っていて、デベロッパービュー(F12でアクセスするデフォルトの拡張機能だと思う)を持っている人は、その呼び出しがラッパーにあることがわかります。呼び出されたfooter_wrapperセクションをドラッグして、ラッパーと同じレベルに置くと、/ bodyの上にドラッグすることで、まさに私が望むものを行い、ページをカバーするようにフッターを展開します。 EDIT:そこではうまくいきますが、それはChromeのデベロッパーモードでしかないので、何も保存されません。問題は、私はどのように実際のPHPファイルでそれを複製するのか分からない

私はそれがうまく説明されていないことを知っていますが、私は本当にそれを正しく説明する方法がわかりません!

助けがあれば助かります。

EDIT - ここで私のindex.phpコードを投稿しようとしました。 すべてのインデントなどは、見た目が非常に乱雑です。そのために私は謝ります。あなたがあなたのページと何かアップ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> 
+0

「私が欲しいものを正確に行い、ページをカバーするようにフッタを広げています。」...それで問題は解決しましたか? –

+1

はい、フッターをラッパーから外してみませんか? –

+0

これはまさに私が欲しいものですが、Chromeの開発者モードでのみ可能です。ファイルは保存されないので、最後にリセットするとリセットされます。 – tristanojbacon

答えて

1

から#footer幅を設定しますか?

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

それはあなたがラッパーdivfooter.html外含める変更:あなたは(header.htmlfooter.html、など)が含まれるように


また、それが見えそのものです完全なHTML文書。つまり、<html>タグと<body>タグが含まれます。これは非常に悪いです。

ブラウザに表示される最後のページには、html要素とbody要素の1つのみが必要です。これにはが含まれている必要があります。には、特定のポイントに挿入する実際のHTML要素以外は含まれていないはずです。

例えば、footer.htmlは次のようになります。

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

それは時々彼らが満杯でないことを素早くメモとして[など.INCLUDE、.tmpl、]が含まれるため、別のファイル拡張子を使用する方が簡単ですHTMLドキュメント。


すべてがあなたのために修正されました。 Download here。基本的には、無関係なhtmlタグとbodyタグをindex.phpから削除し、末尾ではなくfooter.htmlの先頭にあるラッパーdivを閉じました。そのラッパーdivの外に効果的にドラッグします。

+0

私は実際のファイルへのリンクを投稿しました、いくつかの変更を加えたが、違いは生じていない) – tristanojbacon

+0

@tristanojbacon、更新を参照してください。 – benesch

+0

あなたは絶対星です、ありがとう!何らかの理由で、最初はラッパー呼び出しに気付かず、明らかに正しく閉じなかった。私は間違いをもう一度するつもりはありません、それは確かです!再度ありがとう:D – tristanojbacon

1

、index.phpを、footer.htmlとheader.htmlの生のコードを参照したい場合は、bodyタグは、マークアップを通じて途中で終了します。..

とにかく、ファイルに行くと、あなたは、可能な限り、文書の末尾に近い<?php include("footer.html");?>を移動すると、私はindex.phpは次のようになります想像して100%

1

他の答えはここに正しいです:あなたはラッパーの外にフッターを引っ張った後、(あなたがタグを移動しないように必死なら、あなたのスタイルシートでは、あなたが、しかし

#footer_wrap {width:100%;} 

を持っていることを確認する必要がありますテンプレートファイルへのアクセス権がない場合は、javascriptまたはjqueryを使用してページが読み込まれるとフッターを展開できます)。しかし、これは間違いなく最後の手段の一つです。

+0

私はラッパーの外に引き出すことはできません。それが問題です。私がPHP呼び出しを行っている限り、それは違いがありません – tristanojbacon

+0

どのようにこのテンプレートを編集していますか?テンプレートコードを投稿できますか? –

+0

私は上に掲載しました。実際のファイルはトップからダウンロードできます(index.php、footer.html、header.html) – tristanojbacon

関連する問題