html - How to stop text going below another div floated right -


so here code: http://jsbin.com/asidep/2/edit (see edit in jsbin top right)

the problem need paragraph in .accontent start @ top of accontent, , when hits #controls div floated right. (i need div there, , above other divs)

at moment have got text wrap when hits edge of .accontent it's gone below #controls.

also .accontent height set auto gap of white space appears below .accontent , .acfooter - why , how fix it? kind of needs set auto incas there lot of text , other wise overflow below...and don't want scrollbar appear if use overflow: scroll.

hope can help, thanks! :)

try change css this:

.acheader {   background-color: red;  height: 50px;  float:left;  width: 500px; }  .accontent {  background-color: black;   height: auto;  width: 350px;  float:left;  color: white;  word-wrap: break-word;  }   .acfooter { background-color: red;  height: 50px; width: 500px; float : left; }  #controls {  height: 240px; width: 150px; background-color: blue; float:right; margin-top:30px;   } 

Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -