Re: [WSG] Firefox float/clear:both ¿bug?

2005-07-28 Thread kemie guaida 




Placing even a html comment (i usually just have something like
) will do the trick too.

kemie guaida :: monolinea.com

Julián Landerreche wrote:

  If I remove the second rule (or remove the
set of properties), the page is displayed correctly.


  
No, it doesnt display correctly
  
It seems that the empty div must have some content (like ".") to clear
the floated div.

Re: [WSG] Firefox float/clear:both ¿bug?

2005-07-27 Thread sam sherlock 

Hi

I have been using the following:

/* clear this fix */
.clearThis:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;

}
/* Hides from IE-mac \*/
* html .clearThis {height: 1%;}
/* End hide from IE-mac */

more information at

http://www.positioniseverything.net/easyclearing.html

odd behavior in safari

Julián Landerreche wrote:



If I remove the second rule (or remove the set of properties), the 
page is displayed correctly.



No, it doesnt display correctly
It seems that the empty div must have some content (like ".") to clear 
the floated div.

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

Re: [WSG] Firefox float/clear:both ¿bug?

2005-07-27 Thread Julián Landerreche 


If I remove the second rule (or remove the set of properties), the 
page is displayed correctly.



No, it doesnt display correctly
It seems that the empty div must have some content (like ".") to clear 
the floated div.

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

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

Re: [WSG] Firefox float/clear:both ¿bug?

2005-07-27 Thread Julián Landerreche 

Mmmm.
I have discovered that it has something to do with some properties in 
the class "clearboth" in the CSS



My CSS:

.clearboth {
   clear: both;
}
div.clearboth {
   width: 0;
   height: 0;
   line-height: 0;
   font-size: 0px;
}

If I remove the second rule (or remove the set of properties), the page 
is displayed correctly.


BUT I still cant understand why swaping the visibility of Web Developer 
Toolbar, it gets "fixed".
For those that cannot see the "bug", please check the screenshots in the 
first e-mail of this thread.


Thanks, and any ilumination is appreciated.
JL

Julián Landerreche wrote:


Hi all,
my website (in development) seems to have a "circunstancial" bug in 
Mozilla Firefox.
I have a floated div, followed by an empty div with clear:both 
applied. Then, it comes the content.
But, the "magic" of the empty div doesnt seems to work (so, the div 
float isnt cleared in both sides).
The content appears next to the floated div... following the shape of 
the content div.


-screenshot:
   http://www.efectoscluster.com.ar/images/float_bug_ff/firefox_bug.jpg

but.. read this:
I have the Web Developer Toolbar for FF installed... and if I 
hide/show it, my website is suddenly "fixed", and the bug 
"dissapears"!!! And my website is "rendered" as it should be.


-screenshot (webdeveloper toolbar showed):
   
http://www.efectoscluster.com.ar/images/float_bug_ff/firefox_webdeveloper_showed.jpg 



but... read this:
if I do a total refresh (ctrl + F5) of my site, the bug appears again!

AND in IE6/Win, my website is rendered perfectly, as it should be:

-screenshot
   http://www.efectoscluster.com.ar/images/float_bug_ff/iexplorer.jpg

If you want to check it in your browser, this is the URL: 
http://www.efectoscluster.com.ar/index.php


Please, can anyone reveal me this mistery?

Thanks in advance and excuse my english.
Julián Landerreche





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

[WSG] Firefox float/clear:both ¿bug?

2005-07-27 Thread Julián Landerreche 

Hi all,
my website (in development) seems to have a "circunstancial" bug in 
Mozilla Firefox.
I have a floated div, followed by an empty div with clear:both applied. 
Then, it comes the content.
But, the "magic" of the empty div doesnt seems to work (so, the div 
float isnt cleared in both sides).
The content appears next to the floated div... following the shape of 
the content div.


-screenshot:
   http://www.efectoscluster.com.ar/images/float_bug_ff/firefox_bug.jpg

but.. read this:
I have the Web Developer Toolbar for FF installed... and if I hide/show 
it, my website is suddenly "fixed", and the bug "dissapears"!!! And my 
website is "rendered" as it should be.


-screenshot (webdeveloper toolbar showed):
   
http://www.efectoscluster.com.ar/images/float_bug_ff/firefox_webdeveloper_showed.jpg


but... read this:
if I do a total refresh (ctrl + F5) of my site, the bug appears again!

AND in IE6/Win, my website is rendered perfectly, as it should be:

-screenshot
   http://www.efectoscluster.com.ar/images/float_bug_ff/iexplorer.jpg

If you want to check it in your browser, this is the URL: 
http://www.efectoscluster.com.ar/index.php


Please, can anyone reveal me this mistery?

Thanks in advance and excuse my english.
Julián Landerreche





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

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