Создание 3-колонного вертикального макета?

Question

Создание 3-колонного вертикального макета?

0

Я пытаюсь создать трехстрочный вертикальный макет, для этого горизонтально не сложно:

Живой горизонтальный пример: http://jsfiddle.net/NQU9u/

Но для вертикали я пробовал обратное этому коду:

 <div style="width:100%; height :100%;  background-color:Lime;">
    <div style="width:33%; height:100%; background-color:Blue;">
    a
    </div>
    <div style="width:34%; height:100%; background-color:Gray;">
    b
    </div>
    <div style="width:33%; height:100%; background-color:Aqua;">
    c
    </div>        
</div>

К сожалению, это НЕ работает.

Любая помощь/предложения?

user3125757 16 фев. 2014, в 15:32

Источник

1

Добавление float: left; в столбцы?
Hashem Qolami 16 фев. 2014, в 13:58

Теги:

html

css

layout

design

1 ответ

Ещё вопросы

Fxxxx · Accepted Answer · 2014-02-16T11-50-00.000Z

<div style="width:100%; height :100%;  background-color:Lime;">
    <div style="width:34%; height:100%; background-color:Blue; float:left;">
        a
    </div>
    <div style="width:33%; height:100%; background-color:Gray; float:left;">
        b
    </div>
    <div style="width:33%; height:100%; background-color:Aqua; float:left;">
        c
    </div>        
</div>