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
******************************************************
