Chris,
You need a height:100% in several places. My css definitions start with
this. Of course, font, background, etc varies by site. For an example go
to www.pro-web-marketing.com and click on one of the top nav bar links.
You will see that the right menu extends to the bottom of the content
Ignore the content, the site owner hasn't updated it yet. One other
thing... don't adopt the divname, divnamePad approach that is used here.
I've been advised it's bad practice.
For you then add the height:100% to any div definition that must extend
the length of the page.
HTH,
Tim
body {
background-color: #FFFFFF;
color : #000000;
font-family : Arial, Helvetica, sans-serif;
height: 100%;
font-size: 85%;
}
#pageDef {
width: 810px;
height: 100%;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
* html #pageDef {
height: 100%;
}
html {
height: 100%;
}
#rightMenu {
margin: 0;
padding: 0;
width: 200px;
float: right;
top: 0;
border: none;
background-color: #D8D8D8;
height: 100%;
min-height: 100%;
border-top: 0;
}
#rightMenuPad {
margin: 0 0 0 10px;
padding: 0;
height: 100%;
min-height: 100%;
}
#content {
font-size: 100%;
text-align: justify;
margin: 0;
padding: 0;
top: 0;
height: 100%;
float: left;
width: 800px;
border-left-color:#D8D8D8;
border-left-style:solid;
border-left-width:5px;
border-right-color:#D8D8D8;
border-right-style:solid;
border-right-width:5px;
}
#contentPad {
font-size: 100%;
text-align: justify;
margin: 0;
padding: 0;
top: 0;
height: 100%;
}
Chris Akins wrote:
> Hello all experts and novices. :-)
>
> Page with issue and CSS:
>
> http://www.springfieldmo.gov/cityconnect/getPost.jsp?entryid=6
> http://www.springfieldmo.gov/css/cityconnect.css
>
> Having worked through many CSS issues thinking my blog-type site was ready I
> just discovered today that on pages with shorter blog postings (via the
> above link), the #container div on my page isn't extending around both the
> major divs that are within it.
>
> Neither the #stories div or the #nav div are floated so I was expecting the
> #container to, well, contain them. Is the problem partly due to the data
> being dynamically generated?
>
> I have the content somewhat source ordered so as to see the main content
> first. But I also tried putting the #nav first, thinking its taller height
> would then force the #container to expand. What am I missing?
>
> One possible solution I haven't yet tried is to put a footer at the bottom
> of the page. But doing that still doesn't give me an answer as to why the
> page isn't working as expected.
>
> Any help would be much appreciated.
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> 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/
>
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
