Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Блоки за рамку браузера 
:(
    Опции темы
nepster
Дата 17.2.2011, 00:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 26.4.2009

Репутация: нет
Всего: нет





Код

<div class="site"> 
<!-- Бока которые будут уходить за рамку браузера -->
<div class="bg_fon_left"></div>
<div class="bg_fon_right"></div>
 
весь сайт 
 
</div>





Код

body {
overflow-x: hidden;
}
 
 
.bg_fon_left{
        width:286px;
        height:480px;
        background:url(img/left_bsckground.jpg) no-repeat;
        float:left;
        }
 
 
 
.bg_fon_right{
        width:286px;
        height:480px;
        background:url(img/right_background.jpg) no-repeat;
        float:right;
        }
 
 
 
 
 
.site {
        width:1571px;
        min-height:252px;
        position: absolute; 
        left:50%; 
        margin-left: -778px;
}


Суть реализации что бы задний фон исчезал при маленьких расширениях монитора. Сделал вот таким способом, но когда сворачиваешь окно браузера в пол экрана к примеру, то получается обрывок сайта. Подскажите пожалуйста, как сделать, что бы бока ищезали но сайт оставался не тронутым ? 


user posted image


PM MAIL   Вверх
z-END
Дата 17.2.2011, 01:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прафесар™
****


Профиль
Группа: Комодератор
Сообщений: 3014
Регистрация: 13.3.2003
Где: Венья, Пиетари

Репутация: 4
Всего: 102



а не проще сделать один див по центру, а "пропадающий" фон = одна фоновая картинка body по центру?


--------------------
Каждый чилавек пасвоему праф...а памоему НЕТ! 

PM WWW ICQ   Вверх
nepster
Дата 17.2.2011, 02:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 26.4.2009

Репутация: нет
Всего: нет



ха, точно 


Код

body {
    background:url(img/bg_fon.jpg) no-repeat  top center;
    }


.site {
    width:999px;
    min-height:252px;
    margin:auto;
    }


Старый я уже стал )))) Спасибо 
PM MAIL   Вверх
nepster
Дата 17.2.2011, 03:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 26.4.2009

Репутация: нет
Всего: нет



Еще вопросик, заработало везде кроме любимого всеми ИЕ, там просто фон не отображается. Как это можно исправить? 
PM MAIL   Вверх
z-END
Дата 17.2.2011, 11:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прафесар™
****


Профиль
Группа: Комодератор
Сообщений: 3014
Регистрация: 13.3.2003
Где: Венья, Пиетари

Репутация: 4
Всего: 102



не может быть. эта конструкция везде работает.. ищи у себя косяки)


--------------------
Каждый чилавек пасвоему праф...а памоему НЕТ! 

PM WWW ICQ   Вверх
nepster
Дата 17.2.2011, 12:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 26.4.2009

Репутация: нет
Всего: нет



user posted image



Код

body {
    background:url(img/bg_fon.jpg) no-repeat  top center;
    }




даже если оставить в цсс только 1 строку, во всех браузерах работает, а в ие пусто ) 
PM MAIL   Вверх
nepster
Дата 17.2.2011, 13:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 26.4.2009

Репутация: нет
Всего: нет



ахха, улыбнуло http://htmlbook.ru/css/background-image
PM MAIL   Вверх
nepster
Дата 17.2.2011, 13:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 26.4.2009

Репутация: нет
Всего: нет



user posted image



Ха, зацените прикол ))) Пересохранил картинку и порядок ) 


PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0792 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.