Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.02.2017, 23:50
Новичок на форуме
Отправить личное сообщение для den4ik_ Посмотреть профиль Найти все сообщения от den4ik_
 
Регистрация: 27.02.2017
Сообщений: 1

Margin inside div and responsive height
Здравствуйте уважаемые форумчане.

Есть такой пример кода https://jsfiddle.net/wodgtsdd/

Вопрос 1: Как сделать чтобы div class="content-wrapper" растягивался по высоте документа (т.е. доставал до нижнего края документа)? Сейчас он растягивается по высоте содержимого в нем контента. Я предполагаю что это можно сделать с помощью js типа получить высоту документа, получить координаты и высоту блока content-wrapper, и вычесть из высоты документа координату левого верхнего угла + высоту блока, а затем сложить полученную величину с высотой блока. Но можно ли это сделать с помощью css? Почему то мне кажется что с помощью css было бы правильнее.

Вопрос 2: Почему параграф lorum ipsum который имеет свойства margin-top и margin-bottom 15 px вылезает своими отступами за пределы div блока, и как правильно это исправить, т.е. сделать так чтобы не вылезал?

Спасибо за внимание
Ответить с цитированием
  #2 (permalink)  
Старый 28.02.2017, 08:43
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от den4ik_
Как сделать чтобы div class="content-wrapper" растягивался по высоте документа (т.е. доставал до нижнего края документа)?
Нужно делать не отдельные элементы, а весь каркас разом. Вся разметка должна быть единой.
Если как-то расставить одни элементы, а потом пытаться расставлять остальные - можно зайти в тупик и начать подключать скрипты.
Ответить с цитированием
  #3 (permalink)  
Старый 28.02.2017, 08:46
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от den4ik_
Вопрос 2: Почему параграф lorum ipsum который имеет свойства margin-top и margin-bottom 15 px вылезает своими отступами за пределы div блока, и как правильно это исправить, т.е. сделать так чтобы не вылезал?
Как вариант
- убрать те маргины у абзаца
- дать аналогичные паддинги диву...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск