67 lines
1.3 KiB
CSS
67 lines
1.3 KiB
CSS
|
/* @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 */
|