/* @group valignfix */ /* *************************************** valignfix, by Anders Ytterström @ madr.se **************************************** */ /* HTML fixture: .valign %div %div %h1 %h2 %img */ /* @group ie8, ff, opera, safari ===================================== */ body > div { display:table; } *.valign { display:table-row; } *.valign > * { width:50%; display:table-cell; vertical-align:middle; } /* @end ie8, ff, opera, safari ===================================== */ /* @group ie6,ie7 ===================================== */ /* use this in CC file. Works only in standards mode. */ * html *.valign, *+html *.valign { position:relative; overflow:auto; } * html *.valign div, *+html *.valign div { position:absolute; top:50%; } * html *.valign div div, *+html *.valign div div { position:relative; top:-50%; } * html *.valign div div *, *+html *.valign div div * { position:static; top:0; } * html *.valign img, *+html *.valign img { float:right; } /* @end ie6, ie7 ===================================== */ /* **************************************** /valignfix, by Anders Ytterström @ madr.se **************************************** */ /* @end valignfix */