DIV within DIV issue
I have a DIV that is acting as the background for content (background color and borders attached) and I want to put another DIV with an image in it into it. But the image DIV overflows outside of the bottom of the background DIV, put is still half way in it. The image DIV is within the background DIV. I want the image DIV to stop jumping outside of the background DIV. Any ideas on how I can absolutely solve this problem?
post your code... html & css... maybe itīs just that you have set width and height for the outer div that are just not enough for the img.
<p>Our location and contact information:
<div class="location_map"><img src="images/location_map.gif" width="400" height="555"></div>
<p>400 Ann Arbor Rd. W.<br>
Plymouth, MI 48170</p>
border: 1px solid #143434;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid black;
padding: 10px 5px 10px 15px;
You need to clear your floats that are nested in your div.
One way to do that is to insert a <p> inside your #maincontent div after your floated divs that has no padding or margin, a small font size and clear set to both.
Excellent, it worked. Thanks a bunch.
Originally Posted by nataliemac
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)