alenphp Posted January 19, 2014 Share Posted January 19, 2014 I have basically 3 divs. Top horizontal for title etc. And two vertical ones. Float left and float right. On the left side I input data in the form and it is shown on the right side. But when there is more posts div doesn't grow to accommodate all posts? header{ position:fixed; top:0px; height:15%; left:0px; right:0px; background-color:#333; color:#FFF; z-index:10; opacity:0.6; } #left{ position:absolute; top:15%; bottom:0px; width:50%; height:100%; left:0px; background-color:#900; color:#FFF; z-index:8; overflow:hidden; clear:both; } #right{ position:absolute; top:15%; bottom:0px; width:50%; height:100%; right:0px; background-color:#999; color:#FFF; z-index:8; overflow:hidden; clear:both; } Quote Link to comment https://forums.phpfreaks.com/topic/285488-expanding-div-vertically-to-accommodate-content/ Share on other sites More sharing options...
BuildMyWeb Posted January 20, 2014 Share Posted January 20, 2014 it would help to see the file. you are setting height in your columns and not sure what the containing element is. for instance, if the containing element has a fixed height, and your columns are each set at height:100%; , i dont believe they will adjust vertically for more content. and that content will be cutoff with overflow:hidden; Quote Link to comment https://forums.phpfreaks.com/topic/285488-expanding-div-vertically-to-accommodate-content/#findComment-1465869 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.