[css-d] div height problem

Marty Martin Tue, 17 May 2005 09:00:34 -0700

I am trying to adapt the solution found here: http://www.quirksmode.org/css/100percheight.html but am running into some difficulty. I have given <html> and <body> heights of 100% in my stylesheet. When I give my container <div id="x03_03"> a height of 100% though, it does not stretch the entire height of it's container <div id="03">. I think maybe this is because my div#x03_03 has a style of float: left perhaps. Can someone suggest a fix? The problem can be seen here: http://dev.lewisgaleclinic.com/index.cfm/fa/home.css.cfm and the container div I am referring to is the far right column that starts with "Physician's Opportunities...".

Here is the code in question:

<div id="x03_03">  <div id="x03_03_01"> <h3>Physician's Opportunities Guide</h3> <img style="float: left; margin-right: 3px;" src="#request.images#/index/spacerimg_23.jpg" width="94" height="120" alt="" border="0" /> <p class="small333" style="float: left;">A text description of this guide for physican's opportunities can go in this spot right here.<br /><a href="##">...read more</a></p></div>  <div id="x03_03_02"> <img src="#request.images#/index/InGoodHealth.gif" width="191" height="59" alt="" border="0" /><br /> <img style="margin-right: 3px; float: left;" src="#request.images#/index/igh_28.jpg" width="94" height="121" alt="" border="0" /> <p class="small333"><a href="##">In this issue... Prescription Pains</a><br /><br /><a href="##">How to Stay Stress-Free</a></p></div> </div>

And the relevant styles:

html, body {
   height: 100%;
}

div#x03_03 {
   width: 200px;
   background-color: #FDF8EA;
   margin: 0;
   padding: 0;
   float: left;
   height: 100%;
}

div#x03_03_01 {
   padding: 0;
   margin: 0;
   background-color: #EEE;
   border-bottom: 1px solid #606060;
   height: 100%;
   overflow: auto;
}

div#x03_03_02 {
   padding: 0 0 4px 0;
   margin: 0;
   background-color: #FDF8EA;
   border-bottom: 1px solid #606060;
   height: 100%;
   overflow: auto;
}

Any help much appreciated!!

--
Marty Martin
Senior Web Developer
ICONS, Inc.

Internet Development | Marketing | Support
e: [EMAIL PROTECTED]
p: 540.343.8322  |  f: 540.343.0691
w: http://icn.net

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] div height problem

Reply via email to