Как такое можно сделать?

Тема в разделе "Веб-дизайн", создана пользователем webrulez, 13 окт 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. webrulez

    webrulez Постоялец

    Регистр.:
    12 май 2008
    Сообщения:
    138
    Симпатии:
    2
    Вобщем нужно сделать, чтобы фон оставался на месте (рисунок) а контент прокручивался как на nnm.ru
    Как такое замутить?
     
  2. serg690

    serg690 Постоялец

    Регистр.:
    14 сен 2008
    Сообщения:
    66
    Симпатии:
    21
    Если используете в качестве фона рисунок, существует небольшой прием называемый "подложкой" фона (фиксацией). Для того чтобы зафиксировать ваш фон вам следует к тегу <body> добавить следующее:
    HTML:
    bgproperties="fixed"
    Например:
    HTML:
    <body background="http://www.nnm.ru/image/1.jpeg" bgproperties="fixed">
     
  3. kaviga

    kaviga Писатель

    Регистр.:
    20 сен 2009
    Сообщения:
    3
    Симпатии:
    1
    ну как я понял,что бы фоновая картинка была зафиксирована:надо воспользоваться тупым html кодом
    Вот я считаю лучше использовать такой:
    HTML:
    body {
    background:#000 url(сюды вставь адрес картинки) no-repeat fixed center top;
    }  
    
    
    этот код вставляешь в всою страничку и наблюдаешь красоту,за помощь спасибо
    Если что пиши...
     
  4. serg690

    serg690 Постоялец

    Регистр.:
    14 сен 2008
    Сообщения:
    66
    Симпатии:
    21
    webrulez, также советую почитать о свойствах background, там все наглядно показывается/разжевывается http://designformasters.info/posts/background-property/
     
  5. kaviga

    kaviga Писатель

    Регистр.:
    20 сен 2009
    Сообщения:
    3
    Симпатии:
    1
    Так же,если надо можно сделать это и в css таблице
    Код:
      
          body{
      
          background-attachment: fixed;
    
          background-color: #009900;
    
          background-image: url(../img/bodyBack.jpg);
    
          background-repeat: no-repeat;
    
          background-position: center top;
    
          }
    
    или сокращеный вид:
    HTML:
       
          body{
      
          background: #000000 url(картинка) no-repeat fixed center top;
     
          }
    
    
    ну что то в этом роде

    Добавлено через 2 минуты
     
  6. webrulez

    webrulez Постоялец

    Регистр.:
    12 май 2008
    Сообщения:
    138
    Симпатии:
    2
    Да я без проблем верстаю стандартные шубы, просто забуксовал на этом моменте, так как не приходилось еще такое вытварять. Всем спасибо за помощь
     
  7. IgVan

    IgVan

    Регистр.:
    8 май 2008
    Сообщения:
    212
    Симпатии:
    54
    А можно дивами: для правого-левого ширина и высота вычисляется например жава-скриптом в зависимости от разрешения экрана юзера, а центральному, в свойствах задаем:
    Код:
    style="overflow: scroll;"
     
Статус темы:
Закрыта.