I must assume that you are trying to get the background colors to
stretch down to the bottom of the main content?
In this situation I usually add something like this below the content to
force those wrappers down.
<div style="clear:both;height:0px;"> </div>
That forces the wrappers down below the floats.
Good Luck,
Joseph R. B. Taylor
http://sitesbyjoe.com
Jeroen Verburgh wrote:
Hi,
I'm building a website with two floating DIVs. In IE6 this design appears to
work okay. In Mozilla (Firefox 1.0.7) however, the wrapper DIVs
(#pagewrapper and #page) don't resize to accomodate the UL's content.
I've added a number of "<p>Pagina in aanbouw.</p>" to see if this problem
was limited to the UL. The result of this change is that the DIVs have
streched to accomodate the UL which leads me to the conclusion that these
wrapper DIVs will only strech to accomodate the smallest element inside
them.
This is the basic structure of the code with the problem:
<div id="pagewrapper">
<div id="page">
<div class="menu">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>...</li>
<ul>
</div>
<div class="content">
<p>Here be content.</p>
<p>...</p>
</div>
</div>
</div>
CSS sourcefile:
http://81.69.108.105/ai/css/test.css
XHTML sourcefile:
http://81.69.108.105/ai/test/index.html
XHTML 1.0 Strict:
http://validator.w3.org/check?uri=http://81.69.108.105/ai/test/
Thanks for your help.
Jeroen
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
