spikypunker Posted January 14, 2010 Share Posted January 14, 2010 Hey guys Am trying something simple which isnt working how id expect it. I've got a container box with another box inside it, the containers height is not set so i assumed it would expand with the more boxes were inside it??? Here's the code: .deals_of_week {background-image:url(offers_region.gif);color:#000000;float:left;height:20px;padding:0px 0 0 5px;width:415px;background-repeat:no-repeat;margin-right:200px;} .deals_of_week_container {background-image:url(gocruise_offer_bg.gif);color:#FFFFFF;float:left;width:405px; border:0.5px solid;border-color:#dddddd;} .cruiseoffer2 {width:415px;height:190px;padding:10px;} .cruiseoffer2_col1 {width:205px;height:166px;float:left;} .cruiseoffer2_col1_logo {height:27px;width:90px;margin-top:10px;margin-left:50px;} .cruiseoffer2_col2 {width:167px;height:166px;float:left;display:inline;margin-left:10px;} .cruiseoffer2_depart {width:146px;height:16px;background-color:#ffED00;padding:6px;} .cruiseoffer2_depart a {color:#001883;font-family:'Lucida Grande',Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;text-decoration:none;} .cruiseoffer2_text a {color:#001883;font-family:'Lucida Grande',Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;} .cruiseoffer2_click a {color:#FF0000;font-family:'Lucida Grande',Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;text-decoration:none;} .cruisedetail2 {margin-bottom:5px;border-bottom:1px solid #FFD600;} Link to comment https://forums.phpfreaks.com/topic/188434-container-height-not-adjusting/ Share on other sites More sharing options...
spikypunker Posted January 14, 2010 Author Share Posted January 14, 2010 <div class="deals_of_week"> <h3>Deals of the week!</h3></div> <div class="deals_of_week_container"> <div class="offers_region2"><a href="/fusion/gotocruise.pl?cid=%CTCID%&sid=6924">Grand Caribbean Adventurer</a></div> <div class="cruiseoffer2"> <div class="cruiseoffer2_col1"> <div class="offers_image2_box"> <div class="offers_image2"><img src="test.jpg"></div></div> <div class="cruiseoffer2_col1_logo"><img src="princess.gif"></div></div> <div class="cruiseoffer2_col2"> <div class="cruiseoffer2_depart"><a href="">Departs: 6th Feb 2010</a></div><br> <div class="cruiseoffer2_text"><a href=""><b>Ship:</b> Sea Princess</a><br><a href="" <a><b>Nights:</b> 15</a><br><a href=""><b>Price:</b> From £1580</a></div><br> <div class="cruiseoffer2_click"><a href="">Read about this cruise...</a><br><a href="">Enquire</a></div></div></div></div> <div> <div class="offers_region2"><a href="/fusion/gotocruise.pl?cid=%CTCID%&sid=6924">Grand Caribbean Adventurer</a></div> <div class="cruiseoffer2"> <div class="cruiseoffer2_col1"> <div class="offers_image2_box"> <div class="offers_image2"><img src="test.jpg"></div></div> <div class="cruiseoffer2_col1_logo"><img src="princess.gif"></div></div> <div class="cruiseoffer2_col2"> <div class="cruiseoffer2_depart"><a href="">Departs: 6th Feb 2010</a></div><br> <div class="cruiseoffer2_text"><a href=""><b>Ship:</b> Sea Princess</a><br><a href="" <a><b>Nights:</b> 15</a><br><a href=""><b>Price:</b> From £1580</a></div><br> <div class="cruiseoffer2_click"><a href="">Read about this cruise...</a><br><a href="">Enquire</a></div></div></div></div> <div></div> Link to comment https://forums.phpfreaks.com/topic/188434-container-height-not-adjusting/#findComment-994748 Share on other sites More sharing options...
haku Posted January 14, 2010 Share Posted January 14, 2010 They will only expand if they don't have a height set to them. Check to see if you have set a height anywhere. On a side note, you can't need that many divs. Link to comment https://forums.phpfreaks.com/topic/188434-container-height-not-adjusting/#findComment-994810 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.