Forums / National / Russian / Статичность главной страницы сайта

kushelbek
#1 2013-08-30 06:30

День добрый.

Подскажите пожалуйста как по средствам css можно сделать главную страницу сайта статичной? Я имею ввиду, что бы ширина и высота были не изменными на всех устройствах.

http://us.bladeandsoul.com/en/ типа как здесь.

ПыСы, я так понимаю нужно использовать min-width?

Заранее спасибо =)

 

Добавлено 6 часа спустя:

нашел решение слайдером фонового изображения, кому интресн могу скинуть =)

Добавлено 42 минуты спустя:

Тему можно закрыть =)

This post was edited by kushelbek (2013-08-30 12:49, 11 years ago)
Macik
#2 2013-08-30 14:01

Проще всего открыть DevTools в Хроме, или FireBug в Firefox и посмотреть свойства блока. В данном примере это: 


#age-gate {
    background: url("/global/includes/images/template-items/age-gate/form-bg.jpg") no-repeat scroll 0 50% transparent;
    margin: 0 auto;
    padding-top: 50px;
    width: 953px;
    height: 854px;
}

Два последние свойства определяют ширину и высоту соответственно.

Иллюстрация примера

 

https://github.com/macik
правильный хостинг — https://goo.gl/fjCa1F
kushelbek
#3 2013-08-31 14:35
#37859 Macik:

Проще всего открыть DevTools в Хроме, или FireBug в Firefox и посмотреть свойства блока. В данном примере это: 


#age-gate {
    background: url("/global/includes/images/template-items/age-gate/form-bg.jpg") no-repeat scroll 0 50% transparent;
    margin: 0 auto;
    padding-top: 50px;
    width: 953px;
    height: 854px;
}

Два последние свойства определяют ширину и высоту соответственно.

Иллюстрация примера

 

это то понятно =) спасибо =)))

Я поставил вот так: 

.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}