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-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-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;}

 div class=clearernbsp;/div


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

  div class=clearer!-- --/div

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

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 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 - div/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-17 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:
 
 div class=clear/div
 
 .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-17 Thread Andrew Newman


a little more valid / semantic 

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

div class=clearernbsp;/div

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:

  div class=clear/div

.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:

http://www.digital-web.com/articles/web_design_101_floats/

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-17 Thread kevin mcmonagle

Andrew Newman wrote:


a little more valid / semantic 

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

div class=clearernbsp;/div

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 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;}

 div class=clearernbsp;/div


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

  div class=clearer!-- --/div

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

   div class=clear/div

.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:

 http://www.digital-web.com/articles/web_design_101_floats/

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

   div class=clear/div

 .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:

  http://www.digital-web.com/articles/web_design_101_floats/

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

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



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:

 http://www.digital-web.com/articles/web_design_101_floats/

Cordially,
David
--



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