<div>
Try this: <br />

<pre><code class="code-10 nolinks" id="code-261522"><span>.contentLayout .sidebar1</span>
<span>{</span>
<span>  position: relative;</span>
<span>  margin: 0;</span>
<span>  padding: 0;</span>
<span>  border: 0;</span>
<span>  float: left;</span>
<span>  overflow: hidden;</span>
<span>  width: 215px;</span>
<span>  height: auto;</span>
<span>}</span>
</code></pre>
</div>


<div>
Same Result....<br />
<br />

</div>


<div>
Weird, when I tried that on your web page in Firefox, it seemed to render perfectly, when I doubled the amount of links in the navigation div.
</div>


<div>
The problem is from here:<br />
<br />
.BlockContent-body {<br />
color:#1D262A;<br />
font-family:Arial,Helvetic<wbr />a,Sans-Ser<wbr />if;<br />
font-size:12px;<br />
font-style:normal;<br />
font-weight:normal;<br />
overflow:auto;/** I added this**/<br />
width specify width here...to prevent overflow to the right.<br />
}<br />
<br />
MD
</div>


<div>
added overflow:auto;<br />
width:auto;<br />
<br />
this only increased the length of the div by about 5 pixels...
</div>


<div>
@myderrick: We are not talking about the div... we are talking about the floated navigation. Your suggestions will not work
</div>


<div>
Maybe I am lost. Sorry<br />
<br />
MD
</div>


<div>
OK. So the concept of what I was trying to do is made possible by steggs faux column article. I tested and it would have worked, although i would have had to remove the rounded edges for it to look the way I wanted. I am keeping this option in my css file, but commenting it out for now.<br />
<br />
What I wound up doing was adding an rss feed, which extended the column and increased the div length, as myderrick suggested would happen. &nbsp;<br />
<br />

</div>


<div>
<div class="content wysiwyg-content">
I am working on a site using joomla 1.5 where I am trying to get the navigational div to stretch the entire length of the page depending on its content. You can view this here (Main Menu):<br />
<br />
<a href="http://gogreen98.com/cms/" rel="ugc">http://gogreen98.com/cms/</a><br />
<br />
I have tried setting the height to 100%, but this does not seem to help. &nbsp;What I would ultimately like is for this menu div to change sizes depending on the amount of content there is.<br />
<br />
<br />
I am attaching the css code for the sidebar. Any help is greatly appreciated. And let me know if you need any additional info. Thanks!<br />
<br />

<pre><code class="code-10 nolinks" id="code-261503"><span>.contentLayout .sidebar1</span>
<span>{</span>
<span>  position: relative;</span>
<span>  margin: 0;</span>
<span>  padding: 0;</span>
<span>  border: 0;</span>
<span>  float: left;</span>
<span>  overflow: hidden;</span>
<span>  width: 215px;</span>
<span>  height: 100%;</span>
<span>}</span>
</code></pre>
</div>
</div>


I am working on a site using joomla 1.5 where I am trying to get the navigational div to stretch the entire length of the page depending on its content. You can view this here (Main Menu):

http://gogreen98.com/cms/

I have tried setting the height to 100%, but this does not seem to help.  What I would ultimately like is for this menu div to change sizes depending on the amount of content there is.


I am attaching the css code for the sidebar. Any help is greatly appreciated. And let me know if you need any additional info. Thanks!


Cannot Make Navigation Div Stretch Entire Page (Content) Length Joomla

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.