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

Автор Тема: Подскажите пожалуйста  (Прочитано 859 раз)

Оффлайн Toshik743Автор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 5
  • Сообщений: 53
  • Карма: 1
    • Просмотр профиля
    • Архитектурные проекты

Оффлайн Toshik743Автор темы

  • Пользователь
  • **
Подскажите пожалуйста
« : 15-02-2016, 17:48:06 »
Добрый день, уважаемые форумчане!
Подскажите, пожалуйста, как сделать верстку в html и css, чтобы один ДИВ тянулся за другим. В прикрепленном ПДФ файле изобразил, что нужно получить.

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

Неужели никто не знает как сделать такую верстку? Очень нужно, помогите, пожалуйста!!!
« Последнее редактирование: 16-02-2016, 10:54:18 от Toshik743 »


Оффлайн ProtectYourSite

  • Бизнес оценка: (3, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 253
  • Сообщений: 619
  • Карма: 3
    • Просмотр профиля
    • Удаление вирусов на сайте с гарантией

Оффлайн ProtectYourSite

  • Ветеран
  • *****
Re: Подскажите пожалуйста
« Ответ #1 : 16-02-2016, 13:16:17 »
Что-то типо
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.

Оффлайн Toshik743Автор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 5
  • Сообщений: 53
  • Карма: 1
    • Просмотр профиля
    • Архитектурные проекты

Оффлайн Toshik743Автор темы

  • Пользователь
  • **
Re: Подскажите пожалуйста
« Ответ #2 : 16-02-2016, 14:53:18 »
А если эти блоки один влоатится влево, другой вправо? Что то не работает...
Вот стили для этих блоков?
Блок слева:
.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, 14:59:56

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


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

а если убрать флоаты, то он просто правый блок притягивает вниз, а нужно, чтобы растягивался только фон правого блока, а содержимое оставалось на месте.
« Последнее редактирование: 16-02-2016, 15:13:38 от Toshik743 »

Оффлайн ProtectYourSite

  • Бизнес оценка: (3, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 253
  • Сообщений: 619
  • Карма: 3
    • Просмотр профиля
    • Удаление вирусов на сайте с гарантией

Оффлайн ProtectYourSite

  • Ветеран
  • *****
Re: Подскажите пожалуйста
« Ответ #3 : 16-02-2016, 17:13:25 »
Честно, не совсем понимаю, тем более без наглядной страницы...

Оффлайн Toshik743Автор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 5
  • Сообщений: 53
  • Карма: 1
    • Просмотр профиля
    • Архитектурные проекты

Оффлайн Toshik743Автор темы

  • Пользователь
  • **
Re: Подскажите пожалуйста
« Ответ #4 : 16-02-2016, 17:35:52 »
Высылаю две схемы. Суть в том, что контент справа меняется по объемы, а слева постоянен и небольшой. Только фон правого контента должен тянуться с изменением объема контента левого ДИВ. Прикрепляю две схемы, как должен вести себя правыый ДИВ относительно левого.


Оффлайн ProtectYourSite

  • Бизнес оценка: (3, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 253
  • Сообщений: 619
  • Карма: 3
    • Просмотр профиля
    • Удаление вирусов на сайте с гарантией

Оффлайн ProtectYourSite

  • Ветеран
  • *****
Re: Подскажите пожалуйста
« Ответ #5 : 16-02-2016, 17:56:42 »
Объединить дивы в один див, и ему прописать блочное отображение.

Оффлайн Toshik743Автор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 5
  • Сообщений: 53
  • Карма: 1
    • Просмотр профиля
    • Архитектурные проекты

Оффлайн Toshik743Автор темы

  • Пользователь
  • **
Re: Подскажите пожалуйста
« Ответ #6 : 17-02-2016, 16:08:45 »
Спасибо за ответы! Помогло "display:table-cell;"


 

Похожие темы

  Тема / Автор Ответов Последний ответ
2 Ответов
1516 Просмотров
Последний ответ 14-03-2012, 00:26:15
от Darius
11 Ответов
2920 Просмотров
Последний ответ 30-03-2012, 13:55:28
от Dolphinka
33 Ответов
4486 Просмотров
Последний ответ 30-03-2018, 08:47:58
от feniks79
1 Ответов
652 Просмотров
Последний ответ 21-05-2018, 16:48:35
от Владимир75
4 Ответов
2051 Просмотров
Последний ответ 09-07-2018, 18:20:07
от AliB