Thanks :)

/me *ashamed*

I feel a bit silly right now. I've tried nearly every possible trick I could
come up with while the solution was right in front of me the whole time!
When I started out on this CSS-file I neglected to add my div.spacer-fix and
meanwhile I was wondering why in the world <div class="spacer">&nbsp;</div>
didn't work...

This is the code I normally use and which didn't work because I forgot to
include it in my new CSS-file:

div.spacer {
        visibility: hidden;
        clear: both;
        height: 0;
}


Thanks again.


Jeroen



-----Oorspronkelijk bericht-----
Van: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Namens Joseph R. B. Taylor
Verzonden: donderdag 22 september 2005 23:34
Aan: [email protected]
Onderwerp: Re: [WSG] a DIV adjusts to content in IE but not in Mozilla, page
validates as XHTML 1.0 strict

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;">&nbsp;</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
******************************************************


******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to