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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> div, объект в нижней части экрана 
:(
    Опции темы
the
Дата 7.7.2008, 17:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Хэдер:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



Есть макет, сайт с горизонтальным скроллом (3424х583пх):
Код

ЦСС центрального блока
Код

#container{
width:3424px;
height:583px;
margin-top:50px;
margin-bottom:50px;
}


<table cellpadding="0" cellspacing="0" border="0" style="width:100%;height:100%;">
  <tr>
    <td style="width:100%;height:683px;">    
    <div id="container">контент страницы</div>
    </td>
  </tr>
</table>

<div id="hrBox">content</div>



Есть контейнер #hrBox, который должен размещаться, всегда над нижним краем окна броузера. При вертикальном скролле держаться 
нижней части окна, а при горизонтальном скролле быть статичным - привязанным к левому краю окна. С Эксплорером проблем нет (код ниже для ФФ),
а в ФФ не получается, блок плавает при скролле. 

Код

#hrBox {
  position:absolute;
  bottom:0;
  left:0;
  z-index:100;
  width:3424px;
  height:25px;
}

body > div#hrBox {
  position: fixed;
}



Это сообщение отредактировал(а) the - 7.7.2008, 17:04
PM MAIL   Вверх
bars80080
Дата 7.7.2008, 17:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



указать для ФФ position: fixed;  ?

эта заморочка я так понимаю только на оперу рассчитана. есть ещё какие-то хаки для ФФ
(или наоборот можно указать просто для всего fixed, а для эксплорера через * html #hrBox { /* конкретные установки */ })

Это сообщение отредактировал(а) bars80080 - 7.7.2008, 17:08
PM MAIL WWW   Вверх
the
Дата 7.7.2008, 17:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(bars80080 @ 7.7.2008,  17:06)
указать для ФФ position: fixed;  ?

Тогда он привяжется к нижней части документа (страницы), а не окна...

Это сообщение отредактировал(а) the - 7.7.2008, 17:11
PM MAIL   Вверх
bars80080
Дата 7.7.2008, 17:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



в смысле документа? как раз окна. указать ещё bottom: 0px; 
PM MAIL WWW   Вверх
the
Дата 7.7.2008, 17:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



bars80080
Проблемы с Экплорером нет, цсс для hrBox приведен для ФФ, с ним вся проблема...
Позишн фиксед не решает проблемы, при горизонтальном скролле страницы, блок плавает, а нужно чтобы он был привязан к левому углу...


Это сообщение отредактировал(а) the - 7.7.2008, 17:23
PM MAIL   Вверх
bars80080
Дата 7.7.2008, 17:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



ничего подобного, сейчас спец. поставил ФФ, он держит фиксед на экране и никуда не двигается:

Код

<style>
#zx { position: fixed; left: 0px; bottom: 0px; }
</style>
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
<div id="zx">fixed</div>
</body>

хак body > #zx {} - насколько я знаю действует только на оперу, но не на мозилу
хак * html #zx {} - на эксплорер
PM MAIL WWW   Вверх
the
Дата 7.7.2008, 17:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(bars80080 @ 7.7.2008,  17:45)
ничего подобного, сейчас спец. поставил ФФ, он держит фиксед на экране и никуда не двигается:

Код

#hrBox {
  position:fixed;
  bottom: 0px;
  left: 0px;
  width:3424px;
  height:25px;
}


Я поменял цсс, тоже самое... Блок плавает относительно левого края...

Это сообщение отредактировал(а) the - 7.7.2008, 17:56
PM MAIL   Вверх
bars80080
Дата 7.7.2008, 18:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



а ты мой привер проверил? отдельным файлом? мож у тебя браузер глючит? или стили перекрываются /обычное дело/, или он у тебя жёстко кэширует страницы (хотя это для ФФ вряд ли)?

Добавлено через 1 минуту и 24 секунды
стоп, ширина прилепленного блока 3424 пикселя? естесственно он будет его протаскивать, он же на экран не умещается
PM MAIL WWW   Вверх
the
Дата 8.7.2008, 11:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



bars80080
он плавает как ни крути... 
мне нужно, чтобы при горизонтальном скролле, блок был статичен, как сама страница, и слева начинался там же где и сам документ...
PM MAIL   Вверх
the
Дата 8.7.2008, 17:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Ни у кого нет идей?  smile 
PM MAIL   Вверх
bars80080
Дата 8.7.2008, 17:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



мою идею я изложил, попробуй задать плавающему блоку width: 300px (просто попробовать), что получится?
PM MAIL WWW   Вверх
the
Дата 8.7.2008, 17:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(bars80080 @ 8.7.2008,  17:31)
мою идею я изложил, попробуй задать плавающему блоку width: 300px (просто попробовать), что получится?

я пробовал... 
положение дел не меняется...

09/07/2008
Вопрос снят...
С помощью ЯваСкрипта сделал минусовой отступ слева при скролле...


Это сообщение отредактировал(а) the - 9.7.2008, 15:06
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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