• 15 апреля стартует «Курс «SQL-injection Master» ©» от команды The Codeby

    За 3 месяца вы пройдете путь от начальных навыков работы с SQL-запросами к базам данных до продвинутых техник. Научитесь находить уязвимости связанные с базами данных, и внедрять произвольный SQL-код в уязвимые приложения.

    На последнюю неделю приходится экзамен, где нужно будет показать свои навыки, взломав ряд уязвимых учебных сайтов, и добыть флаги. Успешно сдавшие экзамен получат сертификат.

    Запись на курс до 25 апреля. Получить промодоступ ...

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

  • Автор темы 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'а=)
 
Мы в соцсетях:

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