Wie soeben erfahren habe könnte auch die
[important] -Methode genutzt werden, um dem IE ein Size-Value zu übergeben. Somit würde sich die gezeigte Workaround nochmals um einen Selektor verkleinern.
Code:
.containing-float:after
{
/* Inhalt pseudo-Element :after;
* somit [clear] moeglich
*/
content: ".";
/* [content] verbergen;
*/
visibility: hidden;
height: 0;
/* Block-Level fuer [clear];
*/
display: block;
/* [float] clearing;
* einbeziehen der Float-Container;
*/
clear: both;
}
.containing-float
{
/* nur IE-Mac;
* wird folgend ueberschrieben
*/
display: inline-table;
/* fuer alle Browser;
*
* verbergen IE-Mac \*/
display: block;
/* ende verbergen IE-Mac */
/* fuer alle Browser;
*/
height: auto ! important;
/* nur fuer IE-Win;
* definierte groeße (height or witdh)
* fuer automatisches einbeziehen
* der Float-Container (auto-clearing);
*
* verbergen IE-Mac \*/
height: 1%;
/* ende verbergen IE-Mac */
}