CSS Coding Help.

User 2623310 Photo


Ambassador
282 posts

Hi All,

Just wondering if their is simple way to make the columns equal in height. I need help with the css code.

Thanks for all help.
Scott
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

What columns?;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2623310 Photo


Ambassador
282 posts

Oops!
I have two (div) columns. One is name .colLeft and the other is .colRight. I have set both to width of 225px and I would to have them in equal heights.

I hope this helps.
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Do you have other columns with that class?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

You can do that with Flexbox, but it takes a bunch of extra code (vendor-prefixes) to support anything less than the most recent browser versions. Have a look here; scroll down to the Flexbox section:
http://css-tricks.com/fluid-width-equal-height-columns/

Eric - Do you know if RLM is Flexbox-ready? It seems to work as if it has that built-in. If so, using Responsive Layout Maker would make this pretty easy to accomplish.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2623310 Photo


Ambassador
282 posts

@ Eric Yes I do. I middle column

@ Paintbrush Thanks for the info. I would a simple solution if their is one.
User 271657 Photo


Ambassador
3,816 posts

Probably not any easier:
http://webdesign.tutsplus.com/tutorials … -cms-20403

I'd lean towards Flexbox since it will be the norm once out-dated browser versions go away.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.