CSS-Fix: chrome bug with clear atrribute

Site Admin Joined: Aug 22, 2007 Posts: 1772

Since Chrome version 25.0.1364.152 it exists an bug with with the clear atrribute. After a setting of clear:left or clear:both the Chrome browser creates a bug with the following child elements, when they have clear:left or claer:both as atrributes in the class.

I have found a workaround fix to solve it:

Code:

.header {clear:both;}


.content_area {clear:both;} /* chrome bug 02/2013 */


.block_left, .content, .block_right {float:left;}

change it to:

Code:

.header {clear:both;}


.content_area {clear:none;} /* chrome bug fix 02/2013 */


.block_left, .content, .block_right {float:left;}

Code:

<div class="header">


   <!--your header code-->


</div>


<div class="content_area">


   <div class="block_left"><!--your code--></div>


   <div class="content"><!--your code--></div>


   <div class="block_right"><!--your code--></div>


</div>

productforums.google.com

Site Admin Joined: Jun 04, 2004 Posts: 6433

Interesting. Thanks for the detailed post!