Добрый день, уважаемые форумчане!
Подскажите, пожалуйста, как сделать верстку в html и css, чтобы один ДИВ тянулся за другим. В прикрепленном ПДФ файле изобразил, что нужно получить.
Добавлено: 16-02-2016, 09:54:18
Неужели никто не знает как сделать такую верстку? Очень нужно, помогите, пожалуйста!!!
Что-то типо
<div style="width:80%;display:block-inline;">Content 1</div><div style="width:80%;display:block-inline;">Content 2</div>
А если эти блоки один влоатится влево, другой вправо? Что то не работает...
Вот стили для этих блоков?
Блок слева:
.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
а если убрать флоаты, то он просто правый блок притягивает вниз, а нужно, чтобы растягивался только фон правого блока, а содержимое оставалось на месте.
Честно, не совсем понимаю, тем более без наглядной страницы...
Высылаю две схемы. Суть в том, что контент справа меняется по объемы, а слева постоянен и небольшой. Только фон правого контента должен тянуться с изменением объема контента левого ДИВ. Прикрепляю две схемы, как должен вести себя правыый ДИВ относительно левого.
Объединить дивы в один див, и ему прописать блочное отображение.
Спасибо за ответы! Помогло "display:table-cell;"