PDA

View Full Version : Simple Problem ... Can't figure it out.


Death Dream
07-11-2009, 05:14 AM
http://dd.adesadesmoines.com/services.html
http://dd.adesadesmoines.com/style.css

Works in IE the way I want but not Firefox ... go figure.

The height on ServiceDetail (yellow background) isn't adjusting to the content within like it should be. Any reason why this isn't working? I can't seem to figure it out.

Thanks


<!-- Start of Main Content -->
<div id="mainhold"><!--Center Holder-->
<div id="basecontenthold"><!--Everything Left of the ad space-->
<div class="serviceone"><!--Sevice Holder for one Title and sub cats-->
<div class="titlebar">Computer Setup</div>
<div class="servicedetail"><!--Holder for Detail and Price-->
<p class="topicb">First Time Computer Setup</p>
<p class="learn">Hook up of PC or Mac system, monitor, keyboard, mouse, and speakers. Wires will be nicely tied together (ties price not inlcuded). Installation of one peripheral device such as a printer. Test computer to make sure it is working properly.</p>
</div>
<div class="smallspacer"></div><!--1px Spacer between price and detail-->
<div class="pricedetail">$19.99</div>

<div class="servicedetail">
<p class="topicb">First Time Computer Setup</p>
<p class="learn">Hook up of PC or Mac system, monitor, keyboard, mouse, and speakers. Wires will be nicely tied together (ties price not inlcuded). Installation of one peripheral device such as a printer. Test computer to make sure it is working properly.</p>
</div>
<div class="smallspacer"></div>
<div class="pricedetail">$19.99</div>

</div><!--End of ServiceOne-->

<div class="serviceone">
<div class="titlebar">Computer Setup</div>
<div class="servicedetail">TEst test TEst test TEst test TEst test </div>
<div class="smallspacer"></div>
<div class="pricedetail">$19.99</div>

</div>




</div>

<div class="spacer"></div>

<div id="sidegoog">
</div>


</div>
<!-- End of Main Content -->
/*Services Sub*/
.serviceone {
width: 670px;
margin: 1px 0 8px 0;
background-color:#FFFF66;
}
.servicedetail {
width: 571px;
height: 53px;
background-color:#00FF00;
float: left;
padding: 8px 8px 0 8px;
margin-bottom: 1px;
}
.smallspacer {
width: 1px;
height: 61px;
float: left;
background-color:#CC3300;
margin-bottom: 1px;
}
.pricedetail {
width: 66px;
height: 39px;
background-color:#00CCFF;
float: left;
margin-bottom: 1px;
text-align: center;
padding: 22px 8px 0 8px;
}

Death Dream
07-12-2009, 04:44 AM
Ok nevermind it only works in IE6. Just checked IE7 and it didn't work. IE8 I bet is the same way. Sigh ~Death Dream~