フッターの書式設定とスペースの問題（html/css）

Question

私はむしろ日付がついたウェブサイトに掲載されています。正直言ってちょっと混乱しています。ですから、現時点では基本的には基本的なことをしようとしていますが、それは挑戦的です！問題の

Webページには、ここで私は

Previous Editions 

セクションの下に雑誌の歴史的なバージョンを追加しようとしていますhttp://www.yourchesham.co.uk/online.htm

ですが、私は下を移動できるようにするには表示されません。時間がオーバーラップしてテキストが重なり始めることを意味する、ページの下のコンテンツ。

私は単に<br><br>を使ってページコンテンツをプッシュダウンしようとしましたが、これは機能しません。主なコードブロックを以下に示します。これに対処する方法は不明ですか？問題だけではdiv要素ではない

 <div id="apDiv19"> 
      <div align="center" class="style21"> 
       <h4>Support the Businesses <br /> 
        that support <span class="style17">yourAmersham</span></h4> 
       </div> 
      </div> 
      <div id="apDiv22">Registered in 'England and Wales' Company number 08280869</div> 
      <div id="apDiv23"> 
       <h4>Our Latest Edition</h4> 
       <div style="text-align:center;"><div style="margin:8px 0px 4px;"><a href="http://www.calameo.com/books/0052756020d65a0443ab5" target="_blank">Your Amersham Issue 51 October 2017</a></div><iframe src="//v.calameo.com/?bkcode=0052756020d65a0443ab5&mode=mini" width="480" height="300" frameborder="0" scrolling="no" allowtransparency allowfullscreen style="margin:0 auto;"></iframe><div style="margin:4px 0px 8px;"><a href="http://www.calameo.com/" target="_blank">Read more publications on Calaméo</a></div></div> 

       <h4>Previous Editions</h4> 
       <a href="http://en.calameo.com/read/00527560211169822a565" target="_blank">September Issue</a><br> 
       <a href="" target="_blank">August Issue</a> 
       <br> <br> 

       <!--  <div style="background-color: #333333; width: 524px"> --> 

    </div> 

Answer 1

、その実際にはかなり多くのそれらのすべて:)

のdivのすべての固定の高さと絶対位置を与えられています。これは、移動したり成長したりしないことを意味します（コンテンツはあなたが見たようにオーバーフローします）。

コンテンツを移動して拡大するには、絶対位置から相対位置にすべてを変更する必要があります。あなただけの、そのページにCSSをターゲットにすることができた場合

あるいは、あなたは自分の新しいコンテンツ

1. 変更の仕方#apDiv14の高さからそれらを移動するために下のdivの絶対位置を更新することができ手動で追加した新しいコンテンツに合わせて、以下のdivのtop値を変更height:auto;
2. に（、最新のエディションで1すなわち、これはあなたが前の版への追加された1つであると仮定）：#apDiv7、#apDiv9、apDiv10、 apDiv18,apDiv19（その他の可能性もあります）

これは面倒ですが、サイト自体もそうです！ :)