Window Resizing Issues, <divs>(?) not readjusting properly

Report · Jul 18, 2018

Hi everyone.

I am fairly new to coding, especially in Dreamweaver.. So hopefully some of you can help. I am looking to figure out why I have such inconsistent spacing and resizing within sections of my site. I know my question probably isn't making much sense, so I have included some screenshots of various window sizes to show what I am talking about - I am sure you can notice right away what I am trying to fix.

Any help is greatly appreciated. I can attach css code screenshots also if it is necessary.

Report · Jul 18, 2018

clayduffy wrote
Hi everyone.
I am fairly new to coding, especially in Dreamweaver.. So hopefully some of you can help. I am looking to figure out why I have such inconsistent spacing and resizing within sections of my site. I know my question probably isn't making much sense, so I have included some screenshots of various window sizes to show what I am talking about - I am sure you can notice right away what I am trying to fix.
Any help is greatly appreciated. I can attach css code screenshots also if it is necessary.

You'll have to provide the page code and css for anyone to be able to help you.

Report · Jul 18, 2018

Here is the Source code:

Here is the css code of the summary area on the right:

Report · Jul 18, 2018

I see padding left 695px on your 'summary_area_2'????.....that wont help.

It's best structure to keep your 2 sections inside the 'section_content' seperate:

GALLERY IMAGES CODE GOES HERE

</div>

TEXT GOES HERE

</div>

</div>

Report · Jul 18, 2018

Thank you so much for your time and effort on this. It is very much appreciated.

Am I just placing this in the source code now?

Report · Jul 18, 2018

clayduffy wrote
Thank you so much for your time and effort on this. It is very much appreciated.
Am I just placing this in the source code now?

So essentially your basic code structure would be as below then you can populate the 2 areas with what code you want and the column gap between them will stay the same:

<!DOCTYPE html>

<html>

<head>

<title>Untitled Document</title>

<style>

.section_content {

display: flex;

justify-content: space-between;

width: 90%;

margin: 0 auto;

}

.portfolio_gallery_area {

width: 45%;

border: 1px solid #ccc;

}

.summary_area_2 {

width: 50%;

border: 1px solid #ccc;

}

</style>

</head>

<body>

GALLERY IMAGES CODE GOES HERE

</div>

TEXT GOES HERE

</div>

</div>

</body>

</html>

Report · Jul 18, 2018

Here is my exact source code for the "Exhibits" section I am having problems with:http://valleyexpodisplays.com/proposals/proposal_rebuild/proposal.html

<h2>Exhibits</h2>

</div>

<h3>Association / Show Management</h3>

</ul>

</div>

<h1 class="smallcaps text_center">VALLEY'S "Active Communication Experience"</h1>

<p>There are four main components to our Active Communication Experience: Listen, Collaborate, Perform, and Report. These pieces combine to form a Continuous Loop Process; once we engage, the process does not end—it only builds momentum, creating scalable historical knowledge that ties together your current event to all upcoming events. This provides continuity for you even when individuals come and go from your organization, or change event responsibilities, at any point in the process. </p>

<p>The Active Communication Experience is not new to Valley; it is not an experiment for just a few events. It is an established process that has been perfected over the last 42 years. During that time, we have become skilled at marrying previous events, from other general service contractors, into current events, as well as understanding and translating all previous historical information, removing the concern of “starting from scratch”. </p>

<p>Here at Valley, we strive to be your best vendor and partner. Through each step of the process, we are listening, collaborating, performing, and reporting. That’s what the ActiveCommunication Experience is all about. We keep our lines of communication open, guaranteeing transparency throughout our relationship.</p>

<p> To learn more about Valley's "Active Communication Experience" <a href="../proposal_download/valley_ace_system.pdf">download the pdf brochure.</a></p>

</div>

</div>

</body>

</div>

---------------------------------------------------------------

And here is how it is appearing:

Report · Jul 18, 2018

I am sure these are really dumb questions, so I am very sorry for that. Like I said, I am incredibly new to this and trying to make changes on a site I didn't code to begin with. I appreciate your help so much. Sorry if this is frustrating

Report · Jul 18, 2018

clayduffy wrote
I appreciate your help so much. Sorry if this is frustrating

No more frustrating or dumb than me trying to learn/understand something I don't know..........of which there are many many many! Happy days!

Adobe Community

Window Resizing Issues, <divs>(?) not readjusting properly

1 Correct answer