Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.10.2011, 17:57
Аватар для Sadist_dead
Профессор
Отправить личное сообщение для Sadist_dead Посмотреть профиль Найти все сообщения от Sadist_dead
 
Регистрация: 08.08.2011
Сообщений: 191

Тоже про закрепленный div
Суть вот в чем есть див с фоном который отцентрирован по центру...
начинаю уменьшат окно браузера div остается на месте....отлично
все вроде бы нормально но нет поскольку, размер фонового изображения (контейнера ) задан жестко при уменьшения окно браузера меньше 500 px изображения заходит за кроя.....

как решить это проблему ?
<style>
body {
    margin:0;
    padding:0;
    background: #edebd5;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
	background-image:url(images/fon.jpg);
}
#container {


width:500px; /*Ширина блока*/
height:108px; /*Высота блока*/

[JS]margin:0 auto;
    overflow:visible;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-200px; /*Смещаем блок на половину всей ширины влево*/
    margin-top:-100px; /*Смещаем блок на половину высоты вверх*/
	background-image:url(images/2.png);
}
.main {
    height:100%;
}
.main_in_main {
    height:100%;
}
.content {
    padding-top:0px;
    height:200px;
}
</style>

<div id="container" align="center">
    <div class="main">
        <div class="main_in_main">
            <div class="content">
            </div>
        </div>
    </div>
</div>

Последний раз редактировалось Sadist_dead, 12.10.2011 в 21:30.
Ответить с цитированием
  #2 (permalink)  
Старый 12.10.2011, 23:59
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

Sadist_dead,


ну так а что ему остаёться он 500 px а экран стал меньше.... конечно он вылезит... единственное что -200 px это не половина от 500....


А что сделать нужно?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Закрепленный div dotwatt (X)HTML/CSS 13 18.10.2011 17:08
проблема с div И animate g00000dman jQuery 2 24.03.2011 23:34
Закрытие прозрачного div при щелчке мыши в любой его области mav1 Элементы интерфейса 8 09.02.2011 19:25
Проблема с load в div и импортом стороннего кода с помощью javascript 1quick1 Events/DOM/Window 9 04.02.2011 13:16
animate, всплывающий div box сделать по центру zero_mod jQuery 1 27.10.2010 00:23