Hi folks,
I am having this strange problem with the height of the DIV not increasing with
the content (here the title "Movado..."). Can someone please explain what is
going on!
<div id="deal_list_item"> <div
id="deal_details"> <div
id="deal_picture"> <a
class="indent" href="temp.html">deal_picture</a>
</div>
<div id="deal_description">
<a class="title" href="temp.html">Movado Sports Edition Men’s Stainless
Steel Sil...Movado Sports Edition Men’s Stainless Steel Sil...</a>
<h2>LOW Latency line is
engineered to expand your gaming options. These modules are designed to operate
at 1333MHz at 7-7-7-20 timings and 1.65V</h2>
<h3>Published on: Dec 01</h3>
<h3>Shipping from: <a class="source"
href="temp.html">Tigerdirect.com</a> </h3>
</br>
<h3 class="social"><a href="temp.html">3 contacts have bought something
similar</a> </h3>
<h3 class="social"><a href="temp.html">Movado appears in wishlist of 2
people</a> </h3> <ul>
<li> <a
href="temp.html">Buy</a> </li>
<li class="separator"> . </li>
<li> <a href="temp.html">Consult</a> </li>
<li
class="separator"> . </li>
<li> <a href="temp.html">Mark as favorite</a> </li>
<li class="separator"> .
</li> <li> <a
href="temp.html">Monitor</a> </li>
</ul> </div>
</div>
<div id="price">
$349.25 </div>
</div>
and the CSS ----------------------------------
#deal_list_item{ position: relative; padding: 15px 0 0 0;
margin-bottom: 25px; min-height: 150px; height: auto; width: 740px;
/* debugging with border */ border-style: solid; border-width:
1px; border-color: gray;
}
#deal_list_item #deal_details{ position: absolute; left: 0; height:
auto; width: 640px; font-size: 20px; border-style: solid;
border-width: 1px; border-color: red;}
#deal_list_item #price{ position: absolute; right: 0; height:
150px; width: auto; text-align: right; font-size: 20px;}
#deal_picture a{ position: relative; float: left; margin-right:
15px; width: 100px; height: 100px; background:
url(../images/deals/deal_item_picture.png); }
#deal_description { position: relative; float: right; width: 520px;
height: auto; text-align: left;
/* debugging with border */ border-style: solid;
border-width: 1px; border-color: cyan;}
#deal_description ul { margin-top: 10px; height: 14px; width: auto;}
#deal_description ul li{ display: inline;}
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
