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 /> <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.