Jump to content
  • 0

Как такое реализовать?


Kim
 Share

Question

Recommended Posts

  • 0

Вот ещ? парочка вопросов,

получилось у меня вот это дело: http://kim-evgene.ucoz.ru/Shablon/index.html

(для ИЕ пока не оптимизировал)

При открытии через оперу футер не прилегает как положено к низу страницы, а отделяется от низа на некоторую высоту, если обновить страницу становиться нормально, как бы это исправить?

Что-то не получилось у меня центрировать меню навигации (главная, продукция, клиенты,сотрудничество) по горизонале, применяю text-align: center; но ничего не выходит

Link to comment
Share on other sites

  • 0

С этим вроде разобрался, только теперь когда меню навигации центрировано по горизонтали, появляется лишний разделитель, т.е. способ чтобы смещать блоки влево, и тем самым выносить разделитель за предел видимости блока, не работает, т.к. появился дополнительные padding'и, может кто сталкивался с этим???

И вс? ещ? очень интересует почему в опере прыгает футер?

Link to comment
Share on other sites

  • 0

И подскажите пожалуйста, как сделать fixed для IE6, с яваскриптом совсем не знаком,

я делаю такой код для IE6:

.header {
position: absolute;
top: expression(
document.getElementsByTagName("body")[0].scrollTop + "px"
);
}
.footer {
position: absolute;
bottom: expression(
document.getElementsByTagName("body")[0].scrollTop + "px"
);
}

Только все равно хедер с футером продолжают ездить по странице вместе с содержимым

Link to comment
Share on other sites

  • 0

С боковым меню разобрался, вот так:

#column {
position: relative;
top: expression(
parseInt(document.documentElement.scrollTop) + "px"
);
}

Теперь осталось самое главное, это он - Футер, как же его зафиксировать?

И вс? ещ? очень интересует почему в опере прыгает футер? :)

Бутем выброса кусков кода в CSS наш?л проблему,

становиться нормально если убрать в следующем коде border'ы и padding (но они отвечают за полоски по бокам страницы) :

.container {
background: url('../images/line.gif') 246px repeat-y;
border-left: 4px solid black;
border-right: 4px solid black;
margin: 0 12px;
padding: 0 12px;
}

И что с этим поделать?

И вообще он у кого-нить прыгает, или может это только у меня так

Link to comment
Share on other sites

  • 0

Вс?, футер зафиксировал, следующим образом:

.footer {
position: absolute;
top: expression(
parseInt(document.documentElement.scrollTop + document.documentElement.clientHeight - this.offsetHeight, 10) + "px"
);
}

Осталось разобраться с футером в опере,

И вопрос: Можно ли сделать для этой страници min-width??

Так как многие блоки на ней фиксированы, в случае появляения гор. прокрутки будет двигаться вс? кроме этих блоков.

Link to comment
Share on other sites

  • 0

Короче: куча гемороя из-за прокрутки!

Сделай див 100%х100% от боди помести в него вс?, что не должно двигаться. Сделай ещ? один 100%х100% от боди и помести в него, что должно прокручиваться. сделай второму диву оверфлоу=авто и не парь нам мозги всякими экспрешнами, которые ТОРМОЗЯТ НИПАДЕЦКИ!

Link to comment
Share on other sites

  • 0

to Zont:

Как я понял, Вы имеете в виду, взять один блок в котором будет вс? что фиксировано, и задать ему position: absolute;

а второй блок с тем что движеться позади него.

А тогда разве можно будет пролистывать содержимое второго блока?

Поверх него же будет другой блок

Link to comment
Share on other sites

  • 0

Разобрался, большое спасибо за метод, теперь фиксация без expression (и в IE также)

Если кому интересно, вот статья:

http://www.design-news.ru/css-style/Ehmulj...-fixed-dlja-IE/

И ещ? хотел бы узнать что думают насчет min-width??

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy