• Познакомьтесь с пентестом веб-приложений на практике в нашем новом бесплатном курсе

    «Анализ защищенности веб-приложений»

    🔥 Записаться бесплатно!

  • CTF с учебными материалами Codeby Games

    Обучение кибербезопасности в игровой форме. Более 200 заданий по Active Directory, OSINT, PWN, Веб, Стеганографии, Реверс-инжинирингу, Форензике и Криптографии. Школа CTF с бесплатными курсами по всем категориям.

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

  • Автор темы youstm
  • Дата начала
Y

youstm

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

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

link removed
 
1

1ive

через пол часа предоставлю макет)
 
1

1ive

Код:
<!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>
пример можно посмотреть

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

youstm

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

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

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

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

1ive

я все никак не пойму чего вы хотите?
на вашем примере нет ничего того что было описано в сообщении выше....
если вам нужны просто два блока фиксированных по бокам от главного div'a
то тут проще.. в css position: fixed почитать об этом
 
Y

youstm

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

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

1ive

во-первых! в моем примере фон тоже не скроллится...во-вторых как вы себе представляете ширину 1300px? тогда на разрешении монитора придется делать ограничения и по ширине! мониторов 1300x768 лично я не встречал!
 
V

vital

кажется топикстертер капитулировал под напором 1ive'а=)
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!