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

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

youstm

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

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

 

1ive

Well-known member
12.09.2010
621
1
#5
Код:
<!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

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

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

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

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

1ive

Well-known member
12.09.2010
621
1
#8
я все никак не пойму чего вы хотите?
на вашем примере нет ничего того что было описано в сообщении выше....
если вам нужны просто два блока фиксированных по бокам от главного div'a
то тут проще.. в css position: fixed почитать об этом ТУТ
 
Y

youstm

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

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

1ive

Well-known member
12.09.2010
621
1
#10
во-первых! в моем примере фон тоже не скроллится...во-вторых как вы себе представляете ширину 1300px? тогда на разрешении монитора придется делать ограничения и по ширине! мониторов 1300x768 лично я не встречал!
 

vital

Больной Компом Детектед
29.01.2006
2 432
33
#11
кажется топикстертер капитулировал под напором 1ive'а=)