Показать сообщение отдельно
  #1 (permalink)  
Старый 14.02.2013, 13:08
Интересующийся
Отправить личное сообщение для Слейп Посмотреть профиль Найти все сообщения от Слейп
 
Регистрация: 22.12.2012
Сообщений: 17

display:inline-block по центру горизонтали
есть 4 блока

<div class="work-box-news">
    <div class="work-box_center-news">
        <div class="left-area-work"></div>
        <div class="include-work_area"></div>
    </div>
</div>



.work-box-news {    
    background:#F0F0F0;    
    min-height:800px;    
    border-bottom: 1px solid #C1C1C1;
    border-top: 1px solid white;    
    border:3px solid gold;
}

.work-box_center-news {    
    width: 940px;    
    min-height:800px;    
    padding:20px 0;     
    position:relative;     
    display:inline-block; 
    vertical-align:auto;    
    border:3px solid black;  
}


.left-area-work{
    border:1px solid #929292;
    background: #FAFAFA;    
    width: 240px;
    min-height: 723px;    
    float:left;    
    border:3px solid green;
}

.include-work_area{    
    position: relative;        
    width: 650px;    
    min-height: 500px;
    font-family: PT Sans;
    left:25px;      
    float:left;   
    border:3px solid red;
}


Как выровнять work-box_center-news по центру по горизонтали, при том чтобы высота всех блоков была динамичной?
Ответить с цитированием