...

View Full Version : Help: DIV Issue



silverskymedia
01-24-2006, 06:17 AM
Could someone please look at this page and tell me by the two product divs are overlapping. I have placed the second after the first in the code, but for some reason the second one is flowing into the first. Thanks.

http://www.rapiddeploymentinc.com/products.html

ronaldb66
01-24-2006, 09:51 AM
Try clearing the product div: "clear: both;".

silverskymedia
01-24-2006, 02:59 PM
Try clearing the product div: "clear: both;".

Thanks for the reply, but that made things worse. It pushed both items down the page.

VIPStephan
01-24-2006, 03:07 PM
I guess the second div still tries to float around the first image.
Insert another div after each text with class="clear" (or what name you like) and write

.clear {clear: left;}
into the CSS.

silverskymedia
01-24-2006, 07:18 PM
OK, I added that class and the divs. I'm getting closer, but it's still not working correctly. The second product is further down the page than it's suppose to be.

friscofrankie
01-24-2006, 08:33 PM
I took your code:


<div class="bodyContent">
<h3>Our Products </h3>
<div class="product"><img src="images/bag_001.jpg" alt="" width="175" height="131" class="productImage" />All in one bag 24” long, 12” in height high, and approximately 6” wide (when storing a standard patrol rifle and 1” ceramic plates)</div>
<div class="clearProduct"></div>
<div class="product"><img src="images/bag_001.jpg" alt="" width="175" height="131" class="productImage" />All in one bag 24” long, 12” in height high, and approximately 6” wide (when storing a standard patrol rifle and 1” ceramic plates)</div>
</div>


and changed the <div class="clearProduct"></div> to two simple breaks with a non breaking space in between. see what you think

<div class="bodyContent">
<h3>Our Products </h3>
<div class="product"><img src="images/bag_001.jpg" alt="testbag" width="175" height="131" class="productImage" />All in one bag 24? long, 12? in height high, and approximately 6? wide (when storing a standard patrol rifle and 1? ceramic plates)</div>
<br />&nbsp;<br />
<div class="product"><img src="images/bag_001.jpg" alt="testbag" width="175" height="131" class="productImage" />All in one bag 24? long, 12? in height high, and approximately 6? wide (when storing a standard patrol rifle and 1? ceramic plates)</div>
</div>

silverskymedia
01-25-2006, 01:44 AM
Those two breaks actually put me back where I started, basically. Thanks anyway. I did try putting more than two items and everything from the second on seems to look right. It's just the big gap between the first and second I can't figure out.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum