Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Только в OPERA пропадает полоса прокрутки галереи. Что сделать что бы в Opera не исчезала. 
:(
    Опции темы
nikitakryuchkov
Дата 2.8.2009, 23:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 2.8.2009

Репутация: нет
Всего: нет
Друзья помогите пожалуйста!

Только в Opera полоса прокрутки по центру страницы исчезает при полной загрузки фотографий (страницы)
причем в других браузерах IE, Safari, Mozilla все работает как надо.
Сайт: www.nikitakryuchkov.com

Заранее спасибо, очень надеюсь на вашу помощь.

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>

<link rel="icon" href="http://www.nikitakryuchkov.com/site/images/favicon.ico" type="image/x-icon"> 
<link rel="shortcut icon" href="http://www.nikitakryuchkov.com/site/images/favicon.ico" type="image/x-icon">
  <title>Nikita Kryuchkov Photographer</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <link type="text/css" rel="stylesheet" href="images/zv.css" />
  <script type="text/javascript" language="JavaScript">
<!--
var wi = screen.width;
var hi = screen.height;
var w = 500;
var h = 300;
var Left = (wi-w)/2;
var Top = (hi-h)/2;

function Contact() {
     window.open("Contact.html",'CONTACT','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width='+w+',height='+h+',top='+Top+',left='+Left+'')
}
//-->
</script>
</head> 
<center>
<div class='container'>
<a href="http://www.nikitakryuchkov.com/index.html"><img border="0" src="images/1.gif"><br></a>
<a href="http://www.nikitakryuchkov.com/site/index.html"><img border="0" src="images/2.gif"></a>
<a href="http://www.nikitakryuchkov.com/site/index2.html"><img border="0" src="images/3.gif"></a>
<a href=""onclick="window.open('contact/index.html','myWnd','height=250,width=450');"> <img border="0" src="images/5.gif"> </a></div>
</center>
    </div>
    </div>
    <div id="middle">
                <div id="for_frame">
        <div style="position:absolute; z-index:1; overflow-x: auto; width: 100%; min-height: 625px; !height: 700px; visibility: visible;">
        <table cellpadding="0" cellspacing="0" border="0">
            <tr>
            <td class="photo"><img src="book/one/66.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/65.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/64.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/63.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/62.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/61.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/60.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/59.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/58.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/57.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/56.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/55.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/54.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/53.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/52.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/51.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/50.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/49.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/48.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/47.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/46.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/45.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/44.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/43.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/42.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/41.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/40.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/39.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/38.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/37.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/36.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/35.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/34.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/33.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/32.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/31.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/30.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/29.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/28.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/27.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/26.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/25.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/24.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/23.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/22.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/21.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/20.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/19.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/18.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/17.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/16.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/15.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/14.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/13.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/12.jpg" alt="" /></td>    
            <td class="photo"><img src="book/one/11.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/10.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/9.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/8.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/7.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/6.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/5.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/4.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/3.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/2.jpg" alt="" /></td>
            <td class="photo"><img src="book/one/1.jpg" alt="" /></td>
            </tr>
        </table>
        </div>
</body>
</html>
PM MAIL   Вверх
nikitakryuchkov
Дата 3.8.2009, 22:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 2.8.2009

Репутация: нет
Всего: нет
Ни у кого нет идей?
PM MAIL   Вверх
dеluxe
Дата 4.8.2009, 22:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 48
Регистрация: 4.8.2009

Репутация: 1
Всего: 2
Не совсем понятно в чем проблема, можете подробнее описать суть проблемы, полоса прокрутки появляется если размер блоков превышает размер монитора, хотелось бы подробнее услышать что вы хотите сделать 

Это сообщение отредактировал(а) dеluxe - 4.8.2009, 22:05
PM MAIL   Вверх
nikitakryuchkov
Дата 4.8.2009, 23:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 2.8.2009

Репутация: нет
Всего: нет
Ок, горизонтальная прокрутка фотографий (которая прижата к фото внизу)  видна во всех браузерах, кроме Opera.

Вообщем проблема такая, когда вы заходите на мой сайт через любой браузер кроме Opera вы можете прокручивать фотографии по горизонтали.
Когда же вы открываете мой сайт через Opera то после загрузки всех фото, полоса прокрутки исчезает, и мы уже не можем посмотреть все фотографии.

Сайт: www.nikitakryuchkov.com
PM MAIL   Вверх
dеluxe
Дата 4.8.2009, 23:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 48
Регистрация: 4.8.2009

Репутация: 1
Всего: 2
Код

position:absolute; z-index:1;


может вся проблема в абсолютном позиционировании, попробуйте без него 
PM MAIL   Вверх
nikitakryuchkov
Дата 5.8.2009, 00:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 2.8.2009

Репутация: нет
Всего: нет
Попробовал по очереди с остальными 3 параметрами. position: absolute | fixed | relative | static

И пробовал вообще удаляя строку position: absolute

То же самое для Opera ни какого эффекта.
PM MAIL   Вверх
blah
Дата 5.8.2009, 03:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 15
Всего: 17
nikitakryuchkov, Opera не понимает overflow-x. Дальше думаю не сложно.
PM MAIL ICQ   Вверх
nikitakryuchkov
Дата 5.8.2009, 11:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 2.8.2009

Репутация: нет
Всего: нет
Да, нет. Как раз все сложно. Дело в том что если я из кода уберу параметр overflow-x то полоса прокрутки из центра экрана, окажется внизу, 
и когда мы будем прокручивать фотографии, то верхний блок меню тоже будет прокручиваться. А мне необходимо что бы все кроме фотографий оставалось неподвижным.
Причем я находил сайты с такой же галереей как у меня, и в Opera у них параметр overflow-x понимает (я смотрел их код).
Так что дело в чем то другом.
PM MAIL   Вверх
dеluxe
Дата 5.8.2009, 16:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 48
Регистрация: 4.8.2009

Репутация: 1
Всего: 2
А что если верхний блок сделать абсолютным и сделать его неподвижным, прицепить к левому краю монитора, а фотографии просто вставить ниже верхней части. Таким образом появиться полоса прокрутки и будут прокручиваться фотки, а верхняя часть будет висеть на месте. 
PM MAIL   Вверх
nikitakryuchkov
Дата 5.8.2009, 16:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 2.8.2009

Репутация: нет
Всего: нет
Цитата

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


Я не спец. Какой код мне использовать не покажешь?

Это сообщение отредактировал(а) nikitakryuchkov - 5.8.2009, 16:31
PM MAIL   Вверх
dеluxe
Дата 5.8.2009, 20:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 48
Регистрация: 4.8.2009

Репутация: 1
Всего: 2
нет
PM MAIL   Вверх
nikitakryuchkov
Дата 6.8.2009, 23:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 2.8.2009

Репутация: нет
Всего: нет
Да, не думал я что это такая проблема. 
Есть у кого ни будь идеи ещё?
PM MAIL   Вверх
Violator
Дата 7.8.2009, 11:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <link type="text/css" rel="stylesheet" href="http://www.nikitakryuchkov.com/site/images/zv.css" />
  <style>
    * { margin: 0; padding: 0; }
    .gallery { width: 100%; height: 717px; overflow: auto; }
  </style>
</head>
<body>
  <div class="gallery">
    <table cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td><img src="http://www.nikitakryuchkov.com/site/book/one/65.jpg" alt="" /></td>
        <td><img src="http://www.nikitakryuchkov.com/site/book/one/65.jpg" alt="" /></td>
        <td><img src="http://www.nikitakryuchkov.com/site/book/one/65.jpg" alt="" /></td>
        <td><img src="http://www.nikitakryuchkov.com/site/book/one/65.jpg" alt="" /></td>
        <td><img src="http://www.nikitakryuchkov.com/site/book/one/65.jpg" alt="" /></td>
      </tr>
    </table>
  </div>
</body>
</html>
PM MAIL   Вверх
nikitakryuchkov
Дата 10.8.2009, 01:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 2.8.2009

Репутация: нет
Всего: нет
Это часть кода работает, я понял но без всего остального. (то есть без верхней панели MENU)

Что в моем коде мешает галерее правильно отображаться в Opera?
Как мне переписать код MENU над галереей?
PM MAIL   Вверх
nikitakryuchkov
Дата 14.8.2009, 21:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 2.8.2009

Репутация: нет
Всего: нет
Все ещё жду помощи...
PM MAIL   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0499 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.