Сообщение # 1 | 18:42:43
Всем привет поставил вид материалов а он криво встает вот сайт http://only-cinema.ru/ помогите сделать чтобы он красиво стоял ровненько
хочется чтобы так так было как на скрине


Добавлено (12 Май 2017, 18:22:21)
---------------------------------------------
ВОт css



Код
/*-------------------------------------*/
.mn_block {
float:left;
width: 212px;
padding: 0px;
height: 336px;
position:relative;
border-right: 0px solid #356DC6;
border-bottom: 0px solid #356DC6;}

.mn_b_title {
overflow:hidden;
width: 196px;
padding: 8px;
position: absolute;
bottom: 5px;}

.mn_block:hover .moveBg {
background: rgba(0, 0, 0, 0.0);
-o-transition:background .4s ease;
-webkit-transition:background .4s ease;
-moz-transition:background .4s ease;
-ms-transition:background .4s ease;}

.uRelatedEntries {list-style: disc outside; margin-left: 10px;}
.uRelatedEntry {list-style: disc outside; margin-bottom: 2px;}
.uRelatedEntry a {font-size: 14px; color: #0047AA; text-shadow: 1px 1px 0px #eee;}
.uRelatedEntry a:hover {text-decoration: underline; color: #3B7EDD;}

.moveBg {
background: rgba(0, 0, 0, 0.3);
bottom: 0px;
display: table;
height: 100%;
position: absolute;
width: 100%;}

.mn_play:hover {background: url(/images/play.png) no-repeat #429cdb 0px -30px; height: 60px;}
.mn_read:hover {background-position: 100% -18px;}
.mn_comm:hover {background-position: 100% -17px;}
.mn_rate:hover {background-position: 100% -18px;}
.mn_read:active {background-position: 100% -45px;}
.mn_comm:active {background-position: 100% -44px;}
.mn_rate:active {background-position: 100% -45px;}
.mn_info {top: 0px; width: 100%; background: rgba(0,0,0,0.4); position: absolute; font: 10px/29px "PT Sans";}
.mn_play {float:left; background: url(/images/play.png) no-repeat 0px 0px; width: 31px; height: 30px; display: inline-block; position: relative; z-index: 1000;}
.mn_read {float:left; height: 30px; margin-right: 20px; padding-right: 18px; display: inline-block; color:#fff; background: url(/images/mn_read.png) 100% 9px no-repeat;}
.mn_comm {float:left; height: 30px; margin: 0px 20px; padding-right: 16px; display: inline-block; color:#fff; background: url(/images/mn_comm.png) 100% 10px no-repeat;}
.mn_rate {float:left; height: 30px; margin-right: 20px; padding-right: 16px; display: inline-block; color:#fff; background: url(/images/mn_rate.png) 100% 9px no-repeat;}

.sepoLine {
background: url(/images/seporate.png) no-repeat;
height: 7px;
margin: auto;}

.typeContent {
color: #FFF;
font: italic 14px/16px "Georgia", serif;
text-shadow: 0px 0px 20px #000, 1px 1px 1px #9C383A;
text-align: center;}

.mn_more .str {
background:url(/images/strs.png) 100% 0px;
width: 12px;
height: 27px;
position:absolute;
left: -12px;
top: 20px;}

.com_bott {
background: url(/images/top-bott.png);
top: 89px;
position: absolute;
width: 220px;
height: 21px;}

.mn_block:hover {background:#fff;}
.mn_block img, .mn_block a img {
margin-bottom: 0px;
height: 336px;
width: 212px;}

.mn_block h2, .mn_block a h2 {
text-shadow: 0px 0px 20px #000, 1px 1px 1px #9C383A;
text-transform: uppercase;
font: 900 15px "Arial Black", sans-serif;
color: #fff;
text-align: center;
}

.mn_more {
background:url(/images/panel_bg.png) #fff repeat-x bottom;
display: none;
font-size: 10px;
height: 320px;
padding: 8px;
position: absolute;
right: 0px;
top: 0px;
width: 196px;
z-index: 1;}

.mn_m_title {
color:#474747;
margin-bottom: 8px;
padding: 0px 0px 8px 30px;
border-bottom: 1px dashed #999;
font-weight: 900;}

.min_rating {
position:relative;
top: 40px;}

.min_rating span {float:left; font-size: 16px; margin-left: 5px;}
.u-star-rating-20 {float:left;}
.mn_m_title span {color:#929292; display:block;}

.mn_more .str {
background:url(/images/strs.png) 100% 0px;
width: 12px;
height: 27px;
position:absolute;
left: -12px;
top: 20px;}

.mn_block:hover .moveBg {
background: rgba(0, 0, 0, 0.0);
-o-transition:background .4s ease;
-webkit-transition:background .4s ease;
-moz-transition:background .4s ease;
-ms-transition:background .4s ease;}

/*---------------------------------------------*/

Добавлено (12 Май 2017, 18:42:43)
---------------------------------------------
Ну чего не кто помочь не может?

Прикрепления: 6094394.png(249Kb)