Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > div

Автор: the 7.7.2008, 17:03

Хэдер:

Код


<!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;
}

Автор: bars80080 7.7.2008, 17:06

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

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

Автор: the 7.7.2008, 17:07

Цитата(bars80080 @ 7.7.2008, 17:06)

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

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

Автор: bars80080 7.7.2008, 17:09

в смысле документа? как раз окна. указать ещё bottom: 0px;

Автор: the 7.7.2008, 17:19

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

Автор: bars80080 7.7.2008, 17:45

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

Код


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

хак body > #zx {} - насколько я знаю действует только на оперу, но не на мозилу
хак * html #zx {} - на эксплорер

Автор: the 7.7.2008, 17:55

Цитата(bars80080 @ 7.7.2008, 17:45)

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

Код


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

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

Автор: bars80080 7.7.2008, 18:01

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

Добавлено через 1 минуту и 24 секунды
стоп, ширина прилепленного блока 3424 пикселя? естесственно он будет его протаскивать, он же на экран не умещается

Автор: the 8.7.2008, 11:25

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

Автор: the 8.7.2008, 17:28

Ни у кого нет идей? smile

Автор: bars80080 8.7.2008, 17:31

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

Автор: the 8.7.2008, 17:59

Цитата(bars80080 @ 8.7.2008, 17:31)

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

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

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