html - Div above content? -


i'm working on newsletter have make 2 columns , used 2 divs @ 50% of width it. problem div on right goes above content.

how fix please? thank's

here fiddle

#yellow {    background-color: rgb(214, 196, 0);    width: 100%;    margin-bottom: auto;  }  #yellowl {    float: left;    width: 50%;  }  #yellowr {    position: relative;    float: right;    width: 50%;  }  #h1v2 {    color: rgb(67, 153, 186);    background-color: rgb(214, 196, 0);  }
<div id="yellow">    <h1 id="h1v2">geschäftsverlauf / déroulement des affaires</h1>    <div id="yellowl">      <h1 id="h1v2">offerten</h1>      <p>        </p>      <h1 id="h1v2">projekte</h1>      <p>        </p>    </div>    <div id="yellowr">      <h1 id="h1v2">offres</h1>      <h2>bruit</h2>      <p>        </p>      <h2>sols</h2>      <p>        </p>      <h2>déchets</h2>      <p>        </p>      <h2>eie</h2>      <p>        </p>      <h2>physique et acoustique du bâtiment</h2>      <p>        </p>      <h1 id="h1v2">projets</h1>      <h2>bruit</h2>      <p>        </p>    </div>  </div>

add overflow: hidden; #yellow css rule

#yellow {     background-color: rgb(214, 196, 0);     width: 100%;     margin: auto;     overflow:hidden; } 

Comments

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -