asked on

text not staying where I need it

Hi!

We have two pictures on this page. http://www.topsecurityinc.com/
The text directly below the two pictures goes between the pictures when the resolution is 1680 x 1050.
Is there a way to modify some of the rules in our stylesheet so we can eliminate all of these page breaks and it will not matter the resolution a user's monitor uses?

Here is the html ...

<div class="home-page-main-content-left-image" title="Family Secure at Home | Top Security Inc"></div>
<div class="home-page-main-content-right-image" title="Employees Secure at Work | Top Security Inc"></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<div class="newdiv">
<p class="main"><b><i>"If only I’d called you sooner."  "I never thought this

I tried adding margin-bottom to the right image, but it only pushed down part of the text below.
If I add a margin-bottom to the left image it pushes down the right image.

TIA

SOLUTION

Tom Beck

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ASKER CERTIFIED SOLUTION

Bardobrave

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

TrueBlue

ASKER

I am using IE8.
Barbobrave,
So you are saying add a division surrounding the two image classes?
If so, then would I put the margin-bottom in the new division to eliminate the <br>s ?
TIA

Bardobrave

Yes, you can add the margin to the new <div> who will enclose your both images and separate them from text <div>, allowing him to jump below the images.