Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Вопрос по верстке "в линейку" 
:(
    Опции темы
fMichail
Дата 20.8.2014, 18:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Фрилансер
*


Профиль
Группа: Участник
Сообщений: 116
Регистрация: 12.4.2012

Репутация: нет
Всего: нет



Здравствуйте!

Хочу сверстать то что сейчас на картинке:

user posted image

таким образом, чтобы "About Us" по высоте занимало бы столько же пространства, сколько занимает "Заголовок" - этот материал.
Иными словами - чтобы материалы выравнивались по ленейке.

Подскажите как это можно реализовать чисто средствами css?

PM MAIL WWW Skype   Вверх
s1lver
Дата 21.8.2014, 06:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 580
Регистрация: 14.12.2007
Где: Россия

Репутация: нет
Всего: нет



Можно объединять блоки расположенные по горизонтали. 
Код

<div>
    <div>
    </div>

    <div>
    </div>
...
</div>


Таким образом можно располагать блоки напротив, чтобы не наезжал нижний блок - использовать clear


--------------------
Я собрался жить вечно - пока все идет нормально!
PM MAIL ICQ   Вверх
ksnk
Дата 21.8.2014, 07:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



fMichail, "табличная верстка"  smile Или, если хочется дивной верстки

свойство display: table-row, table-sell и так далее.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
fMichail
Дата 22.8.2014, 10:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Фрилансер
*


Профиль
Группа: Участник
Сообщений: 116
Регистрация: 12.4.2012

Репутация: нет
Всего: нет



Решил вопрос на уровне html разметки. В нужных местах вставляя:
Код

<div style="clear:both;"></div>

PM MAIL WWW Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0754 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.