Левый и правый фон

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем youstm, 23 сен 2010.

  1. youstm

    youstm Гость

    Добрый день, есть задача сделать центральный Блок(фиксированная ширина 1000px) и по левому и правому краю сделать у этого блока фоны или медиа рекламу в будущем. Проблема в том что бы эти фоны появлялись только при разрешении выше 1024х768 .. т.е. центруем блок Div и открывает правые и левый фон в зависимости от разрешения экрана пользователя. Браузерный скрол должен вылазить только для Центрального блока Div =1000px.

    Подскажите как это сделать..

    [​IMG]
     
  2. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    через пол часа предоставлю макет)
     
  3. etc

    etc Гость

    Садитесь Три.
     
  4. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    просто сейчас немного занят)))))))
     
  5. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    Код (Text):
    <!doctype html public "-//w3c//dtd html 4.0 transitional//en">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=koi8-r">
    <meta name="Content" content="">
    <title>1ive страница</title>
    <script language="JavaScript1.2">
    if (screen.height>768)  
    {background='imgbol768.jpg';} //если высота больше 768
    else
    if (screen.height<=768)
    {background='imgman768.jpg';} //если высота меньше или равна 768
    document.write('<body background=\"'+background+'\" bgproperties="fixed">')
    </script>  
    </head>
    <body>
    <div style="background:#fff;width:1000px; margin: 0 auto;">
    <div style="padding-left:30px;padding-right:30px;">
    Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
    rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.
    Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores
    eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet,
    consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam
    quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi
    </div></div>
    </body>
    пример можно посмотреть тут

    Добавлено: также можно:
    Код (Text):
    if (screen.height=>768)  
    {background='imgbol768.jpg';} //если высота больше или равна 768 есть картинка
    else
    if (screen.height<768)
    {background='none';} //если высота меньше то нету
    document.write('<body background=\"'+background+'\" bgproperties="fixed">')
     
  6. youstm

    youstm Гость

    1ive спс.. конечно)) но эт немного не то)) смотрите пример на картинке и боковые фоны они притянуты к центральному DIV .. У вас фон живёт сам по себе независимо от DIV'a (Я не просил убирать фон по высоте, я просил что бы Барузерный скрол не реагировал на этот фон. т.е. не воспринимал как БЛОК. В вашем примере я вообще не понял за чем Этот JS да же если просто дать BODY свойство background он и так будет исчезать в зависимости от разрешения... единственное в вашем примере этот фон грузится не будет на маленьких разрешениях..)

    Вот, что бы было понятнее ссылка _http://www.ulmart.ru/

    смотрите на правый и левый блок рекламы..

    И ещё скажите такое можно сделать только средствами CSS и HTML без JS ... ессесно что бы IE 6 функционировал...
     
  7. etc

    etc Гость

    Тут не так как вы хотите.
     
  8. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    я все никак не пойму чего вы хотите?
    на вашем примере нет ничего того что было описано в сообщении выше....
    если вам нужны просто два блока фиксированных по бокам от главного div'a
    то тут проще.. в css position: fixed почитать об этом ТУТ
     
  9. youstm

    youstm Гость

    etc, Я знаю что там не так.. я привёл пример который можно потрогать...

    1ive, Посмотрите на приведённую мной картинку, у Центрального блока есть 2 фона по бокам, эти блоки должны быть как ФОН(что бы не было скрола в браузере т.к. центральный блок =1000px + два эти блока =1300px).
     
  10. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    во-первых! в моем примере фон тоже не скроллится...во-вторых как вы себе представляете ширину 1300px? тогда на разрешении монитора придется делать ограничения и по ширине! мониторов 1300x768 лично я не встречал!
     
  11. vital

    vital Больной Компом Детектед
    Команда форума Web Team

    Регистрация:
    29 янв 2006
    Сообщения:
    2.474
    Симпатии:
    27
    кажется топикстертер капитулировал под напором 1ive'а=)
     
Загрузка...

Поделиться этой страницей