Подскажите пожалуйста

Автор Toshik743, 15-02-2016, 16:48:06

« назад - далее »

Toshik743Topic starter

Добрый день, уважаемые форумчане!
Подскажите, пожалуйста, как сделать верстку в html и css, чтобы один ДИВ тянулся за другим. В прикрепленном ПДФ файле изобразил, что нужно получить.

Добавлено: 16-02-2016, 09:54:18


Неужели никто не знает как сделать такую верстку? Очень нужно, помогите, пожалуйста!!!


ProtectYourSite

Что-то типо
<div style="width:80%;display:block-inline;">Content 1</div><div style="width:80%;display:block-inline;">Content 2</div>


Toshik743Topic starter

#2
А если эти блоки один влоатится влево, другой вправо? Что то не работает...
Вот стили для этих блоков?
Блок слева:
.projects-name1{
            float:left;
            width:780px;
            padding-top:0px;
            overflow:hidden;
         }
Блок справа:
.howwework-name1{
            float:right;
            width:230px;
            padding-top:51px;
            padding-bottom:51px;
            padding-left:5px;
            padding-right:5px;
            overflow:hidden;
            background-color:#2d8d2d;
            margin-top:30px;
            color:#ffffff;
            font-size:14px;
            text-align:center;
         }


Добавлено: 16-02-2016, 13:59:56


При добавлении в код "display:block-inline" ничего не меняется


Добавлено: 16-02-2016, 14:13:38


а если убрать флоаты, то он просто правый блок притягивает вниз, а нужно, чтобы растягивался только фон правого блока, а содержимое оставалось на месте.

ProtectYourSite

Честно, не совсем понимаю, тем более без наглядной страницы...

Toshik743Topic starter

Высылаю две схемы. Суть в том, что контент справа меняется по объемы, а слева постоянен и небольшой. Только фон правого контента должен тянуться с изменением объема контента левого ДИВ. Прикрепляю две схемы, как должен вести себя правыый ДИВ относительно левого.


ProtectYourSite

Объединить дивы в один див, и ему прописать блочное отображение.

Toshik743Topic starter

Спасибо за ответы! Помогло "display:table-cell;"