Has anyone investigated the "clearflow" method of clearing floats as a simpler alternative to the "clearfix" method currently implemented in defaults.css?
http://www.trending.us/2008/04/30/clearflow-another-way-to-clear-floats-...

The Date CCK module has a problem in Firefox 2 with unwanted scroll bars in collapsible fieldsets, caused by clear-block and 'overflow: auto': http://drupal.org/node/232959. Replacing the clear-block class properties with clearflow properties in defaults.css cleared this problem up, and everything else on the site works as before. So, I am wondering if clearfix should be replaced by clearflow in Drupal core. (I am no CSS expert.)

Comments

kmonty’s picture

Version: 5.7 » 5.12
Category: feature » bug

I noticed this problem with the Zen theme and it turns out to be in the Drupal Core.

http://drupal.org/node/281106

+1 for the change.

aaron’s picture

Version: 5.12 » 7.x-dev
Component: system.module » drupal.css

If this ever goes through, it should probably be back-ported (if at all). Additionally, see #348276: Timezone dropdown selector doesn't work in Firefox -- it appears this solution breaks form selects in FireFox, so it would need to be used judiciously.

dvessel’s picture

Interesting. The clearing floats technique used currently is very old. Some of the style rules are there to support browsers that should be dropped already.

But I'm wary of the "overflow:hidden" rule in the "clearflow" method. Anyone test that with linked anchors that are within a clearflow block? Not directly related but I could see how the same problem coming from the equal columns hack being shown here if there's any margins or padding.

http://www.positioniseverything.net/articles/onetruelayout/appendix/equa...

dvessel’s picture

Status: Active » Closed (won't fix)

I just did a quick test with Webkit's inspector on the sample page provided by position is everything and that "overflow:hidden;" rule is a serious problem. I removed the margins and padding and the content still shifts so I don't see this as an option.

FF should behave the same way.

ultimateboy’s picture

Status: Closed (won't fix) » Active

-1 Completely.

The clearflow method, though much cleaner in style, does not validate do to "zoom". One would have to unset defaults.css in order to create a valid drupal site.. and I am completely against 'requiring' almost everybody to create sites which do not pass w3c specs.

ultimateboy’s picture

Status: Active » Closed (won't fix)

Fixing status

threexk’s picture

agreed