Home/ Questions/Q 8110587
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T01:48:27+00:00

I have tried making a fiddle for this, but it’s been too difficult to

  • 0

I have tried making a fiddle for this, but it’s been too difficult to explain everything, so please bear with me:

I’m making an interactive Resume Generator, as some people want different information depending on the different jobs I am applying for.

Current live, but not widely published, page is here.

General layout Im trying to do is here.

So within the generated content Div, there are five sections. I would like the first two to be side by side. But since this page is dynamically generated (by the H1s, feel free to try it out and give feedback too), the height of “Business Approach” and “Snapshot” can vary depending on what the user wants to view. However, when the “snapshot” section’s (right column within the generated content) is less than the left “Business Approach”, the 3rd section comes in underneath it. How do I set it not to do this.

One VERY POTENTIAL SCREW UP on my part: I have already tried wrapping the first two sections, but this breaks SOOOO much of my JQuery generation, I don’t want to, (unless I absolutely have to) wrap them and then rewrite the Jquery statements. First JS/JQuery project ever, and only about 2.5 weeks in, so constructive criticism is welcome.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If I understand you correctly, something like? 

    <div id="1" style="float: left; width: 50%; margin:0">left col</div>
<div id="2" style="float: left; width: 50%; margin:0">right col</div>
<div id="3" style="float: left; clear:left; width:100%; margin:0">col bottom 100% wide</div>

    The clear:left on the last div does the trick

    • 0