So I have an issue where the heights of the columns in the body area wont match. So if the content in the left is bigger than the right, the right will just stay whatever size it needs to be for the content inside. I have googled and havent found any solution for a 2 column layout that uses different colors. Everyone thing I have seen via google is one background color and its the master of the container, and then the nested divs inside for left and right are just set up and done. Since the columns dont have a color, it doesnt matter. But thats not my situation. My columns have independent colors and and im trying to get the heights on both to match each other / the parent container.
Heres code im testing with. I hope someone can help!
Question
Sikh
So I have an issue where the heights of the columns in the body area wont match. So if the content in the left is bigger than the right, the right will just stay whatever size it needs to be for the content inside. I have googled and havent found any solution for a 2 column layout that uses different colors. Everyone thing I have seen via google is one background color and its the master of the container, and then the nested divs inside for left and right are just set up and done. Since the columns dont have a color, it doesnt matter. But thats not my situation. My columns have independent colors and and im trying to get the heights on both to match each other / the parent container.
Heres code im testing with. I hope someone can help!
HTML
CSS
Link to comment
Share on other sites
13 answers to this question
Recommended Posts