jquery-lightbox (скролл)

HelloMoto · 29.06.2011, 04:07

Здравствуйте! В создании сайтов я любитель. Налепил вот такую штуку: http://винил161.рф/photo.htm
Дело в том, что именно на этой странице не работает скролл, в отличие от других страниц. Если на неё сделать масштаб поменьше, то все будет видно. На маленьких экранах такая страница будет жутко неудобной. Прошу помощи)

И вообще, где вставляю галерею jquery-lightbox пропадает скрол, подскажите, все чем причина?)

Добавлено через 41 минуту

А это код то самой страницы

Цитата:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE>Фотогалерея</TITLE>
<meta name="Description" content="Ламинирование автомобиля Полное или частичное ламинирование, оклейка кузова пленкой аэрография на виниле , абразивная полировка кузова тонировка оптики в Ростове-на-Дону от компании Винил161">
<meta name="Keywords" content="тонировка стекла автомобиля, тонировка стекол автомобиля, мойка автомобилей, мойка автомобиля, виниловая пленка, пленка виниловая, кузов, полировка, полировка кузова, полировка кузова автомобилей, полировка кузова автомобиля, автовинил, виниловая пленка для авто, аэрография на авто, тонировка стекол автомобиля в Ростове, автовинил в Ростове, тонировка стекол автомобиля, цена, виниловый тюнинг, пленка для тонировки стекол автомобиля, полировка кузова, цена, виниловая пленка в Ростове, виниловая пленка, цены, оклейка салона, полировка царапин кузова, полировка царапин кузова автомобиля, мойка легковых автомобилей, полировка кузова автомобиля, цены, автоматические мойки автомобилей, стоимость тонировки стекол автомобиля, абразивная полировка кузова, абразивная полировка кузова автомобиля, механическая полировка кузова, виниловая пленка для авто, цены, оклейка виниловой пленкой, виниловая пленка для автомобиля, глубокая полировка кузова, глубокая полировка кузова автомобиля, защита лакокрасочного покрытия автомобиля">

<script type="text/javascript" src="style.css"></script>
<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.js"></script>
<script type="text/javascript" src="jquery_lightbox/js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery_lightbox/js/jquery.color.js"></script>
<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.js"></script>
<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js"></script>


<script type="text/javascript" src="jquery_lightbox/js/jquery-1.2.6.pack.js"></script>

<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js"></script>













<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<META http-equiv=Content-Style-Type content=text/css>
<link type="text/css" rel="stylesheet" media="all" href="style.css" />
<style type="text/css">

</style>
</HEAD>
<body id="body">
<div style="position:absolute;left:-3072px;top:0"><div class="width=100% height=100% align-left"></div><div class="align-left" width="1"></div><a href="http://garantinfo.com">
взл</a></div>

<div class="main">
<div class="main-bgr">

<div class="main-width">

<div class=custom id=custom style="width: 1px; height: 398px">

<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 553px; top: 140px" id="layer1">
 </div>
</div>

<div class=content>
<div class=column-left>
<div class="block block-user" id=block-user-1>
<div class=bgr>
<div class=block-bgr>
<div class=title>
<div>
<div>

<H3>Меню</H3>

</div></div></div>

<div class=indent>
 <UL class=menu>
<LI class="leaf odd"><a href="index.htm" class="стиль1">Главная</a> </LI>
<LI class="collapsed odd"><a href="uslugi.htm">Услуги</a> </LI>
<LI class="leaf even"><a href="price.htm" class="стиль1">Цены</a> </LI>
<LI class="leaf odd"><a href="photo.htm">Наши работы</a> </LI>
<LI class="leaf last even"><a href="contakt.htm">Контакты</a> </LI></UL></div></div></div></div>
<div class="block block-user" id=block-user-0>
<div class=bgr>
<div class=block-bgr>
<div class=title>
<div>
<div>

<H3>Новости</H3></div></div></div>

<div class=indent>

<P> <a href="http://vkontakte.ru/vinil161"><img src="http://foto.nnov.ru/psh200/0/55/dd/58/1d/7b/c2/9af0a353f45d06cb.gif" width=88 height=31 border=0 alt="Мы в Контакте"></a></P></div></div></div></div></div>

<div class=column-center>
<div class=welcome id=welcome>
<div class="block block-block" id=block-block-21>
<div class=bgr>
<div class=block-bgr>
<div class=title> </div>

<p><a rel="lightbox-myGroup" href="gallery/l1.jpg" title="Оклейка салона"> <img src="gallery/s1.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l2.jpg" title="Матовая крыша"> <img src="gallery/s2.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l3.jpg" title="Тонировка оптики"><img src="gallery/s3.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l4.jpg" title="Тонировка оптики(пленкой)"><img src="gallery/s4.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l5.jpg" title="Накладка зеркала - черный мат"><img src="gallery/s5.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l6.jpg" title="Тонировка оптики(пленкой)"> <img src="gallery/s6.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l7.jpg" title="Тонировка передних фар(пленкой)+виниловые реснички"><img src="gallery/s7.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l8.jpg" title="Общий вид"><img src="gallery/s8.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l9.JPG" title="Нетбук - Флуоресцентная кислотно розовая пленка "><img src="gallery/s9.JPG" alt="" /></a>

<p>
<p>
<p>
<div class="clear"></div>
</div>
<div class="section">
<div class="desc">
</div ><div class="desc">

 </div></div></div>
<div class=node>
<div class=indent>
<div class=border-top>
<div class=border-bot>
<div class=border-left>
<div class=border-right>
<div class=corner-left-top>
<div class=corner-right-top>
<div class=corner-left-bot>
<div class=corner-right-bot>
<div class=taxonomy></div>
<div class=text-box style="width: 273px; height: 91px">
  
</div>
</div></div></div></div></div></div></div>
<p>Copyright © 2011
Винил161  </div>
<div class="align-left" alt="" height="67" width="1"></div>
<div class="align-left"></div></div></div></div></div></div></div></div><div class="width=100% height=100% align-left"></div><div class="width=100% height=100% align-left"></div></body></html>

redreem · 29.06.2011, 11:37

наличие или отсутствие скрола-это css-свойство overflow у элемента. проверьте какое оно у нужных элементов, например так:

Код:

<script>
 alert(document.getElementById('body').style.overflow);
</script>

HelloMoto · 01.07.2011, 01:42

Цитата:

Сообщение от redreem

наличие или отсутствие скрола-это css-свойство overflow у элемента. проверьте какое оно у нужных элементов, например так:

Код:

<script>
 alert(document.getElementById('body').style.overflow);
</script>

Извините, а можно подробнее)

Я открываю в редакторе свой style.css что там мне нужно найти или добавить?)

Добавлено через 5 минут

все получилось) рядом с overflow где добавил scroll вместо hidden) спасибо за наводку)

redreem · 02.07.2011, 10:05

e overflow много возможных параметров, может вместо scroll лучше auto?. так же есть разновидности - overflow-x и overflow-y.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Lightbox 2	web_smile	HTML, CSS, JavaScript	4	18.11.2011 09:19
Галерея фотографий или улучшенный Lightbox	artogap	HTML, CSS, JavaScript	1	16.08.2011 16:18
Не могу подключить lightbox в шаблон	edraga	HTML, CSS, JavaScript	2	28.09.2010 02:29
автоматический скролл	sashas	Технологии Flash	5	13.10.2008 20:40
Скролл в таблице	Johnny	HTML, CSS, JavaScript	6	17.03.2007 17:51

29.06.2011, 11:37	#2
redreem	наличие или отсутствие скрола-это css-свойство overflow у элемента. проверьте какое оно у нужных элементов, например так: Код: <script> alert(document.getElementById('body').style.overflow); </script>

02.07.2011, 10:05	#4
redreem	e overflow много возможных параметров, может вместо scroll лучше auto?. так же есть разновидности - overflow-x и overflow-y.

29.06.2011, 04:07
Ссылки