severndigital Posted January 29, 2009 Share Posted January 29, 2009 ok .. so i am working on a template file and i would like my innerleft and right divs to run the height of the area they are in not matter what thier content size is. I included a screen shot to help explain .. the problem area is the red line on the left. that is were the div ends, i would like the div to go to the bottom like the one one right. the only reason the right one is at the bottom is becuase it is bigger than the left, i would insert content to make the left one longer, the same problem happen on the right. anyone know how to fix this?? my css is as follows //for the wrapper they are in #tmcInnerWrapper{ margin-left: auto; margin-right: auto; width: 900px; border: 1px solid #333; } //for the left #tmcLeftContent{ width: 25%; float: left; border-right: 1px solid #999; border-bottom: 1px solid #F00; padding: 3px; } //for the right #tmcRightContent{ width: 25%; float:right; border-left: 1px solid #999; padding: 3px; } Any help would be great. thanks, -C [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
sKunKbad Posted January 29, 2009 Share Posted January 29, 2009 You could apply a height to the outer columns, but that really isn't the best way to handle a 3 column layout. Normally, you would just use a background image that makes the columns look like they are going all the way down. Apply this background image to the div that contains your columns, and your good to go. My website uses something similar, so you might take a look. Quote Link to comment Share on other sites More sharing options...
redarrow Posted January 29, 2009 Share Posted January 29, 2009 Got to agree that the height is not the way forward, but saying that, if you use the height in the css then you can see the actual size of the page and the looks, that others will see. i guess your add more to the page as you go along, so use the height container for now. get rid off it, when all the page has been properly designed. i agree a picture on the left hand side would off solved this. also noticed the use of % no no no use px it safer and more acute my opinion and cross browser friendly. Quote Link to comment Share on other sites More sharing options...
severndigital Posted January 29, 2009 Author Share Posted January 29, 2009 Thank you for all the posative feedback. I will make the adjustments and see where it takes me. Also, You are correct in assuming that more content will be added as the project progresses. However i am using over a "modular" framework very basic, but similar to joomla in it's working. So i can't say for sure what will be on either side. Thanks again, I will let you know how i make out. -C Quote Link to comment 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.