I have a facebook app and I am working on the front-end now. I am just getting started with css and html, so this might be a silly question- sorry for that.What I am trying to do is to divide the page in two sections. I've created two \[code\]div\[/code\]s for that, but the problem is the way they are positioned. My code is the following:\[code\]<style>.choose_div{ width: 20%; height: auto; padding: 1px; left: 0px; border: 2px;}.frame_div{ right:0px; height: auto; width: 80%; border: 2px 2px 2px 2px; position: relative;}</style> <div id="choose_div"> <ul> <li class="li_choose"> <div class="li_div"> <p>Save</p> <img src="http://stackoverflow.com/questions/15851822/arrow.jpg" id="arrow_save" style="width:10%;height:10%"> <hr> </div> </li> </ul> </div><div id="frame_div"> <iframe id="frame_opened"></div>\[/code\]I thought that \[code\]right:0px;\[/code\] for one and \[code\]left:0px;\[/code\]for the other would position them properly, but they are just one at the bottom of the other.
Can anyone please help with this?
