Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 13.06.2016 23:43

persten20
Новичок
Зарегистрирован: 13.06.2016
Сообщений: 1

div - 100%-margins

есть шаблон:

Код:

template - width 1024 center





Content header



content
content
content
content
content
content

сейчас как бы схема такая по высоте:
header - 100px
content - 100%
footer - 50px

у контента выставлены padding для header и footer

хотелось бы следующее:
------------------------------
| отступ (margin) высотой 100px |
------------------------------
| |
| |
| Контент - 100%-150px
| |
------------------------------
| отступ (margin) высотой 50px |
------------------------------

можно как нибудь проставить у content внешние отступы без появления скролла вертикального?
или можно как нибудь сделать div внутри контента чтоб растягивался от header до footer и по высоте?

стоит задача сделать блок content со скругленными углами и на данном шаблоне все углы скрываются в header и footer

очень нужно!!! помогите пожалуйста!

Нет на форуме

 

#2 11.10.2017 11:43

blackand
Новичок
Откуда: Украина
Зарегистрирован: 11.10.2017
Сообщений: 2
Вебсайт

Re: div - 100%-margins

На счет ширины, тут только яваскриптом вычислять. От процентов отступы корректно работать не будут. т.к. некоторые браузеры считают высоту с бордером, другие нет, третьи с отступом и т.д

Скругленные углы нужно делать border-radius: 5px;  например. Однако это свойство для CSS3. Зато быстро и не громоздко в коде страницы


Litecoin - электронное серебро

Нет на форуме

 

Board footer