I have scoured the internet looking for a solution to this and I am

Question

0

Asked: May 17, 20262026-05-17T02:13:44+00:00 2026-05-17T02:13:44+00:00

I have scoured the internet looking for a solution to this and I am

0

I have scoured the internet looking for a solution to this and I am sure it is right under my nose. Will someone please help?

I have a parent div with two children. Each child has static widths and I need each one to change their height to match the other according to the content. In other words, If “child-div-a” is taller than “child-div-b, then “child-div-b” needs to automatically scale the same height of “child-div-a”. I have been able to get the parent to scale to the largest child but not the other child. I cannot seem to get the left div (a) to always be the same height as the right/content div (b). You would think this would be very simple or maybe I’m an idiot.

Thank you in advance for all help.

Joshua

My probelm has been solved.

The first response I saw from japanPro contained a link to Ed Elliot’s blog. That contained info on faux columns. I fairly simple concept that I can’t believe I didn’t see. It was all smoke and mirrors, but I was too focussed on the illusion to see how the trick can be done (if that makes any since). Here is the CSS I came up with:

#child-div-container{
    width: 800px;
    position: relative;
    overflow: hidden;
    background-image: url(../../../images/faux_column_bkground.gif);
    background-repeat: repeat-y;
    }

 #child-div-a{
    float: left;
    width: 125px;
    }

 #child-div-b{
    float: left;
    width: auto;
    height: 100%;
    margin-left: 5px;
    }

Thank you again to everyone who responded to my needs. Everyone gave viable information. I only hope I can develop my skils and knowledge to the point of offering advice instead of asking for it.

Joshua