In attempting an alternate pre-publish site design I am looking to implement equal height divs. Wanted to do it with CSS only but it seems because I want to include a border going that route becomes a bit complicated if at all possible. I decided to give jQuery a try but now I'm running into text overflow problems. I'm thinking it may have to do with the fact I'm using tabs vs standard nav links for content change of one of the divs.
http://streamlinemac.com/test29w/index.html << Original design
http://streamlinemac.com/test29w4/index.html << Updated design. Left column overflow problem.
I have noticed many noting the jQuery option for equal height columns runs into the problem of not resizing dynamically without refreshing the page. Due to this and the fact that my use of tabs means there is no page refresh nor can I manually refresh without full circling back to the "Home" tab has me stuck. In the meanwhile I've tried different overflow and height options for associated divs all to no avail, figured it's time to ask for help before I dirty up my HTML and CSS too badly.
Any assistance would be appreciated in massaging jQuery or all together moving to something different. As you can see I'm not a web designer and simply doing this as a favor for a friend so please excuse my mark-up and coding foibles unless they are the cause of current woes.