Резиновый фон без полос прокрутки

myrka

Осваиваюсь на форуме
41
0 / 0

Резиновый фон без полос прокрутки

« : 11.04.2012, 13:58:06 »

Здравствуйте, мне нужно реализовать следующие: не должно быть горизонтальной и вертикальной прокрутки и фон при этом растягиваеться по высоте и ширине в зависимости от разрешения монитора.
Проблема в том, что в опере фон так как надо, а в мозиле и IE совсем не так (низ просто съедается), как мне реализовать что бы было кросбраузерно
ВОт кусок кода, который якобы должен работать корректно. Размер изображения 800x600:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script>
$(document).ready(function() {

var bgImage = $('#background-image');

function resizeImg() {
var imgwidth = bgImage.width(),
        imgheight = bgImage.height(),
        winwidth = $(window).width(),
        winheight = $(window).height(),
        widthratio = winwidth / imgwidth,
        heightratio = winheight / imgheight,
        widthdiff = heightratio * imgwidth,
        heightdiff = widthratio * imgheight;

if(heightdiff>winheight) {
bgImage.css({
width: winwidth+'px',
height: heightdiff+'px'
});
} else {
bgImage.css({
width: widthdiff+'px',
height: winheight+'px'
});
}

    $("#background-image").show();

}
resizeImg();
$(window).resize(function() {
resizeImg();
});

});

</script>

</head>

<body>

<img src="templates/bizglobal/images/bg_home.png" id="background-image" />

Записан

umbabaraumba

Живу я здесь
2415
153 / 1
если помог можете поставить +

Re: Резиновый фон без полос прокрутки

« Ответ #1 : 11.04.2012, 14:00:28 »

Можно же в CSS прописать 100% ширину.

Записан

Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

myrka

Осваиваюсь на форуме
41
0 / 0

Re: Резиновый фон без полос прокрутки

« Ответ #2 : 11.04.2012, 15:03:29 »

Цитата: umbabaraumba от 11.04.2012, 14:00:28

Можно же в CSS прописать 100% ширину.

По ширине он что надо, а по высоте нет

Записан

myrka

Осваиваюсь на форуме
41
0 / 0

Re: Резиновый фон без полос прокрутки

« Ответ #3 : 11.04.2012, 15:14:20 »

Всё.разобралась спасибо *

Записан

[Решено] Классический шаблон Rhuk Milkyway для Joomla 1.6/1.7/2.5/3.0 Автор v-idea	Ответов: 36 Просмотров: 23509	13.03.2016, 14:56:49 от andryws
Проблема со шрифтами в Yoo Cloud Автор SaggyA	Ответов: 2 Просмотров: 1521	03.03.2016, 16:41:50 от SaggyA
Скрыть кнопки в шаблоне от всех кроме адми Автор kav	Ответов: 9 Просмотров: 1709	21.01.2016, 10:32:21 от AlekVolsk
Перенесено: Вывод в шапке картинки ? Автор Shustry	Ответов: 0 Просмотров: 1439	10.08.2015, 12:53:03 от Shustry
Шаблон Leo-Sport от разработчиков LeoTheme Автор Gig	Ответов: 2 Просмотров: 1570	26.07.2015, 09:12:28 от Gig

Резиновый фон без полос прокрутки - Joomla 2.5: Шаблоны, разметка и макеты вывода

Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

myrka

Резиновый фон без полос прокрутки

umbabaraumba

Re: Резиновый фон без полос прокрутки

myrka

Re: Резиновый фон без полос прокрутки

myrka

Re: Резиновый фон без полос прокрутки

Похожие темы