X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

> Правильно закрепить footer страницы, как?, Opera :) IE :(
Jude
Jude
Topic Starter сообщение 30.12.2008, 11:32; Ответить: Jude
Сообщение #1


Jude, почему тему создали в оффтопике?
перенес
angry.gif

Добрый день, делаю темплейт для своего проекта и столкнулся со следующей проблемой, которая появляется только в IE.

Итак у меня есть footer часть шаблона. Все ОК до тех пор пока не появляется полоса прокрутки. Смотрите сами
->

Footer (див) крепиться css кодом
#footer{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height: 15px;
    background-color: #F3F7FA;
    color: #666666;
    border-top: 1px solid #D5D9DA;
    z-index: 1000;
}

#footer .container {
    margin: 14px auto 0 auto;
    width: 640px;
}

#footer .right {
    float: right;
    width: 300px;
}

#footer .left {
    width: 300px;
    padding-top: 8px;
}
@media screen{

    body>div#footer{
        position: fixed;
    }
}


Как можно поправить данный глюк ?

Сообщение отредактировал centurion - 31.12.2008, 6:06


--------------------
Mobil1.kiev.ua - Магазин автомасел Мобил
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >  
Открыть тему
Ответов (1 - 9)
Maxal
Maxal
сообщение 30.12.2008, 12:29; Ответить: Maxal
Сообщение #2


Покажите ещё див, которым вы выводите
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Dmitriy
Dmitriy
сообщение 30.12.2008, 12:40; Ответить: Dmitriy
Сообщение #3


(Maxal @ 30.12.2008, 11:29) *
Покажите ещё див, которым вы выводите

Ушел див искать f_4866c2c501a2c.gif
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jude
Jude
Topic Starter сообщение 30.12.2008, 13:01; Ответить: Jude
Сообщение #4


<div id="footer">    
        hello world </div>


smile.gif


--------------------
Mobil1.kiev.ua - Магазин автомасел Мобил
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nikito_su
nikito_su
сообщение 30.12.2008, 13:14; Ответить: nikito_su
Сообщение #5


Может поможет _http://xpoint.ru/forums/internet/html_css/css/thread/39528.xhtml (предпоследний пост)


--------------------
Приложения вКонтакте:Плеер+Радио -> Онлайн ТВ -> Гороскоп!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jude
Jude
Topic Starter сообщение 30.12.2008, 13:41; Ответить: Jude
Сообщение #6


Написано там интерессно, но вот применить к себе - врядли смогу


--------------------
Mobil1.kiev.ua - Магазин автомасел Мобил
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nikito_su
nikito_su
сообщение 30.12.2008, 13:44; Ответить: nikito_su
Сообщение #7


Попытайся bottom заменить на top

И такое
@media screen{

body>div#footer{
position: fixed;
}
}
я в первый раз вжизне вижу особено body>div#footer


--------------------
Приложения вКонтакте:Плеер+Радио -> Онлайн ТВ -> Гороскоп!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jude
Jude
Topic Starter сообщение 30.12.2008, 13:49; Ответить: Jude
Сообщение #8


(nikito_su @ 30.12.2008, 12:44) *
Попытайся bottom заменить на top
И такое
@media screen{
body>div#footer{
position: fixed;
}}


bottom - сделает футер ввехру - не то.
второй вариант тоже не прокатил. ничего не изменилось


--------------------
Mobil1.kiev.ua - Магазин автомасел Мобил
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nikito_su
nikito_su
сообщение 30.12.2008, 13:52; Ответить: nikito_su
Сообщение #9


на топ поменяешь будет верху

ШАс создал быстренько код
<style> CSS </style>

<body>

ПРивет
<div id="footer">    
        hello world </div>
Пока

</body>


И у меня на IE 7 текст был внизу (значит не везде в ie проблемы),но ширна была не на 100% а примерно на 95% (((!

Сообщение отредактировал nikito_su - 30.12.2008, 13:54


--------------------
Приложения вКонтакте:Плеер+Радио -> Онлайн ТВ -> Гороскоп!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nikito_su
nikito_su
сообщение 30.12.2008, 14:02; Ответить: nikito_su
Сообщение #10


Попытайся заченить

position:absolute;
bottom:0;

на
position:fixed; _position:absolute; _bottom:expression( eval(document.body.scrollTop) + 'px' );


--------------------
Приложения вКонтакте:Плеер+Радио -> Онлайн ТВ -> Гороскоп!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1120 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2291 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3913 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3639 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1934 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 29.3.2024, 2:01
Дизайн