Показать сообщение отдельно
  #27 (permalink)  
Старый 03.04.2014, 09:42
Аспирант
Отправить личное сообщение для BelkinV Посмотреть профиль Найти все сообщения от BelkinV
 
Регистрация: 12.09.2012
Сообщений: 35

Никто не запрещает использовать display: table-cell у блоков.
На семантику это никак не влияет, и это так же блочная верстка.


http://jsfiddle.net/Kb7RD/
#columns {
    display: table;
    width: 100%;
    border: 1px solid #333;
}

.column-1,
.column-2,
.column-3 {
    display: table-cell;
    height: 40px;
    border: 1px solid #f00;
}

.column-1 {
    width: 200px;
}


Либо через float, но понадобится дополнительная обёртка 2 и 3 блоку
http://jsfiddle.net/2xE8r/
<div id="columns" class="clearfix">
    <div class="column-1"></div>
    <div class="columns-2">        
        <div class="column-2"></div>
        <div class="column-3"></div>
    </div>
</div>


.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

#columns {
    display: block;
    width: 100%;
    border: 1px solid #333;
}

.columns-2 {
    margin-left: 200px;
}

.column-1,
.column-2,
.column-3 {
    float: left;
    height: 40px;
}

.column-1 {
    width: 200px;
    background: #f00;
}

.column-2,
.column-3 {
    width: 50%;
}

.column-2 {
    background: #ff0;
}

.column-3 {
    background: #0f0;
}
Ответить с цитированием