RE: [WSG] firefox treatment of wrapper overflow height

2008-08-11 Thread Thierry Koblentz 
> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of Nathan de Vries
> Sent: Monday, August 11, 2008 6:11 AM
> To: wsg@webstandardsgroup.org
> Subject: Re: [WSG] firefox treatment of wrapper overflow height
> 
> On 18/07/2008, at 7:45 AM, David Hucklesby wrote:
> > Of course, there are several other ways to enclose floats that do
> > not require that extra DIV.
> 
> I would have thought that the method described by PIE [1] would be the
> only sane way to do this.

I'm not sure about this, as the easyclearing method may create different
layouts across browsers.
See http://www.tjkdesign.com/articles/block-formatting_context/newBFC.asp

> [1] http://www.positioniseverything.net/easyclearing.html


-- 
Regards,
Thierry | http://www.TJKDesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] firefox treatment of wrapper overflow height

2008-08-11 Thread Nathan de Vries 

On 18/07/2008, at 7:45 AM, David Hucklesby wrote:

Of course, there are several other ways to enclose floats that do
not require that extra DIV.


I would have thought that the method described by PIE [1] would be the  
only sane way to do this.


--
Nathan de Vries

[1] http://www.positioniseverything.net/easyclearing.html


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] firefox treatment of wrapper overflow height

2008-07-18 Thread David Hucklesby 
>>> [EMAIL PROTECTED] wrote:
>>>
 Sorry folks, but am I missing something here?
 Why do you think that it is important to stuff something invisible inside 
 an
 (otherwise) empty div?


For some reason, Internet Explorer thinks an empty DIV - "" -
contains text, and may create an unwanted gap. Adding a comment
directly between opening and closing DIV tags somehow convinces IE
that the DIV really is empty. Result - no gap.

kevin mcmonagle wrote:
> empty div wont validate right?
> 
 It will.

Cordially,
David
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] firefox treatment of wrapper overflow height

2008-07-18 Thread kevin mcmonagle 

empty div wont validate right?


[EMAIL PROTECTED] wrote:
Not the clearing div, I know what that is for!! 
What is the _content_ of the div supposed to do, that an truly empty div

would not?

Mike

  

-Original Message-
From: [EMAIL PROTECTED] 
[mailto:[EMAIL PROTECTED] On Behalf Of kevin mcmonagle

Sent: Friday, July 18, 2008 10:33 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] firefox treatment of wrapper overflow height

its used as a shim.


[EMAIL PROTECTED] wrote:


Sorry folks, but am I missing something here?
Why do you think that it is important to stuff something invisible 
inside an (otherwise) empty div?


Regards,
Mike
 
  



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


  





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] firefox treatment of wrapper overflow height

2008-07-18 Thread michael.brockington 
Not the clearing div, I know what that is for!! 
What is the _content_ of the div supposed to do, that an truly empty div
would not?

Mike

>-Original Message-
>From: [EMAIL PROTECTED] 
>[mailto:[EMAIL PROTECTED] On Behalf Of kevin mcmonagle
>Sent: Friday, July 18, 2008 10:33 AM
>To: wsg@webstandardsgroup.org
>Subject: Re: [WSG] firefox treatment of wrapper overflow height
>
>its used as a shim.
>
>
>[EMAIL PROTECTED] wrote:
>> Sorry folks, but am I missing something here?
>> Why do you think that it is important to stuff something invisible 
>> inside an (otherwise) empty div?
>>
>> Regards,
>> Mike
>>  


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] firefox treatment of wrapper overflow height

2008-07-18 Thread kevin mcmonagle 

its used as a shim.


[EMAIL PROTECTED] wrote:

Sorry folks, but am I missing something here?
Why do you think that it is important to stuff something invisible
inside an (otherwise) empty div?

Regards,
Mike
 

  





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] firefox treatment of wrapper overflow height

2008-07-18 Thread michael.brockington 
Sorry folks, but am I missing something here?
Why do you think that it is important to stuff something invisible
inside an (otherwise) empty div?

Regards,
Mike
 

>-Original Message-
>From: [EMAIL PROTECTED] 
>[mailto:[EMAIL PROTECTED] On Behalf Of David Hucklesby
>Sent: Thursday, July 17, 2008 10:46 PM
>To: wsg@webstandardsgroup.org
>Subject: Re: [WSG] firefox treatment of wrapper overflow height
>
>> Andrew Newman wrote re: using a DIV to enclose floats:
>>
>>> a little more valid / semantic 
>>>
>>> div.clearer {clear: both; line-height: 0; height: 0;}
>>>
>>>  
>>>
>
>Of course, that will create an extra vertical space in the 
>layout. If that space is unwanted, you could alternatively use this:
>
>  
>
>The empty comment prevents this space.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] firefox treatment of wrapper overflow height

2008-07-17 Thread David Hucklesby 
> Andrew Newman wrote re: using a DIV to enclose floats:
>
>> a little more valid / semantic 
>>
>> div.clearer {clear: both; line-height: 0; height: 0;}
>>
>>  
>>

Of course, that will create an extra vertical space in the layout. If that
space is unwanted, you could alternatively use this:

  

The empty comment prevents this space.

Of course, there are several other ways to enclose floats that do
not require that extra DIV.

Cordially,
David
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] firefox treatment of wrapper overflow height

2008-07-17 Thread kevin mcmonagle 

Andrew Newman wrote:


a little more valid / semantic 

div.clearer {clear: both; line-height: 0; height: 0;}

 

On 17/07/2008, at 4:04 AM, kevin mcmonagle wrote:



now i can validate.

thank you
-kevin



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] firefox treatment of wrapper overflow height

2008-07-17 Thread Andrew Newman 


a little more valid / semantic 

div.clearer {clear: both; line-height: 0; height: 0;}

 

On 17/07/2008, at 4:04 AM, kevin mcmonagle wrote:


Thank you david,
a tip from that article has me sorted.

I put a div at the bottom of the rapper content like this:

  

.clear{clear:both}

nice trick just kind of forces,


but I still dont understand why the outer wrapper would'nt scale  
automatically with three
columns in an inner wrapper with no heights set anywhere /unless / 
the  outerwrapper was floated left or right itself..


-best
kevin

David Hucklesby wrote:

On Tue, 15 Jul 2008 15:08:47 +0100, kevin mcmonagle wrote:


hi,
I have a wrapper in that wont scale to its contained content/divs  
but there are no
heights set in the divs that i can see. Is there something else  
that can cause this? -




Yes. If the content has A.P. blocks or floats that are not  
"contained"

then the containing DIV might not expand.

If the problem is due to floats, there are several methods available
for "containing" them here:



Cordially,
David






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] firefox treatment of wrapper overflow height

2008-07-16 Thread Thierry Koblentz 
> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of kevin mcmonagle
> Sent: Wednesday, July 16, 2008 11:05 AM
> To: wsg@webstandardsgroup.org
> Subject: Re: [WSG] firefox treatment of wrapper overflow height
> 
> Thank you david,
> a tip from that article has me sorted.
> 
> I put a div at the bottom of the rapper content like this:
> 
> 
> 
> .clear{clear:both}
> 
> nice trick just kind of forces,
> 
> 
>  but I still dont understand why the outer wrapper would'nt scale
> automatically with three
> columns in an inner wrapper with no heights set anywhere /unless /the
> outerwrapper was floated left or right itself..

Hi Kevin,

This may help:
http://tjkdesign.com/articles/clearing-floats_and_block-formatting_context.asp


-- 
Regards,
Thierry | http://www.TJKDesign.com







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] firefox treatment of wrapper overflow height

2008-07-16 Thread Matijs 
These days it's also known how to do a clear without an additional clearing
div... try giving the troublesome div overflow:hidden en you should also be
sorted.

On Wed, Jul 16, 2008 at 8:04 PM, kevin mcmonagle <[EMAIL PROTECTED]>
wrote:

> Thank you david,
> a tip from that article has me sorted.
>
> I put a div at the bottom of the rapper content like this:
>
>   
>
> .clear{clear:both}
>
> nice trick just kind of forces,
>
>
> but I still dont understand why the outer wrapper would'nt scale
> automatically with three
> columns in an inner wrapper with no heights set anywhere /unless /the
>  outerwrapper was floated left or right itself..
>
> -best
> kevin
>
>
> David Hucklesby wrote:
>
>> On Tue, 15 Jul 2008 15:08:47 +0100, kevin mcmonagle wrote:
>>
>>
>>> hi,
>>> I have a wrapper in that wont scale to its contained content/divs but
>>> there are no
>>> heights set in the divs that i can see. Is there something else that can
>>> cause this? -
>>>
>>>
>>
>> Yes. If the content has A.P. blocks or floats that are not "contained"
>> then the containing DIV might not expand.
>>
>> If the problem is due to floats, there are several methods available
>> for "containing" them here:
>>
>>  
>>
>> Cordially,
>> David
>>
>>
>
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] firefox treatment of wrapper overflow height

2008-07-16 Thread kevin mcmonagle 

Thank you david,
a tip from that article has me sorted.

I put a div at the bottom of the rapper content like this:

   

.clear{clear:both}

nice trick just kind of forces,


but I still dont understand why the outer wrapper would'nt scale 
automatically with three
columns in an inner wrapper with no heights set anywhere /unless /the  
outerwrapper was floated left or right itself..


-best
kevin

David Hucklesby wrote:

On Tue, 15 Jul 2008 15:08:47 +0100, kevin mcmonagle wrote:
  

hi,
I have a wrapper in that wont scale to its contained content/divs but there are 
no
heights set in the divs that i can see. Is there something else that can cause 
this? -



Yes. If the content has A.P. blocks or floats that are not "contained"
then the containing DIV might not expand.

If the problem is due to floats, there are several methods available
for "containing" them here:

 

Cordially,
David
  





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] firefox treatment of wrapper overflow height

2008-07-15 Thread David Hucklesby 
On Tue, 15 Jul 2008 15:08:47 +0100, kevin mcmonagle wrote:
> hi,
> I have a wrapper in that wont scale to its contained content/divs but there 
> are no
> heights set in the divs that i can see. Is there something else that can 
> cause this? -

Yes. If the content has A.P. blocks or floats that are not "contained"
then the containing DIV might not expand.

If the problem is due to floats, there are several methods available
for "containing" them here:

 

Cordially,
David
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] firefox treatment of wrapper overflow height

2008-07-15 Thread kevin mcmonagle 

hi,
I have a wrapper in that wont scale to its contained content/divs but 
there are no heights set in the divs that i can see.

Is there something else that can cause this?
-best
kevin



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***