Bernhard Schneeweiß Bernhard Schneeweiß - 4 years ago 68
HTML Question

Can anyone tell me why my html-sections are overlayed?

I've really tried everything i know, so i hope someone here can help me now^^

I'm building a html-webpage(http://www.stollhoferfest.at/test.php) containing different sections based on bootstrap. Everything worked fine until I added my last big section called "dirndljumping". Somehow an empty, white part of this section overlays the section ("kuppeltrophy") before.

Can anyone tell me why it isn't attached at the end of "kuppeltrophy"?

Answer Source

As I can see you use twitter-bootstrap in you page. So to render sections well, you need to wrap each of them into bootstrap row and to wrap both rows into bootstrap container-fluid:

<div class="container-fluid">
  <div class="row">
   <section id="kuppeltrophy"...
   </section>
  </div>
  <div class="row">
   <section id="dirndljumping"...
   </section>
  </div>
</div>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download