ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как сделать footer на каждой странице в IE
4 сообщений из 4, страница 1 из 1
как сделать footer на каждой странице в IE
    #34965677
ТарасP
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ТарасP
Участник
Есть следующий код позволяющий делать footer и прочее на каждой странице, но вот досада
он не работает в IE . Что делать... Чтоб он заработал ?????((((
Я таак понимаю "fixed" в IE не работает

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<STYLE type="text/css">
BODY { height: 8.5in }

#header {
position: fixed;
width: 100%;
height: 15%;
top: 0;
right: 0;
bottom: auto;
left: 0;
}
#sidebar {
position: fixed;
width: 10em;
height: auto;
top: 15%;
right: auto;
bottom: 100px;
left: 0;
}
#main {
position: fixed;
width: auto;
height: auto;
top: 15%;
right: 0;
bottom: 100px;
left: 10em;
}
#footerx {
position: fixed;
width: 100%;
height: 100px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}

</STYLE>
</HEAD>
<BODY>
<DIV id="header">... </DIV>
<DIV id="main">...</DIV>
<DIV id="footer">...</DIV>
</BODY>
</HTML>
...
Рейтинг: 0 / 0
26.11.2007, 16:02
| Ответить | Цитировать | Написать  
как сделать footer на каждой странице в IE
    #34966878
I_Work
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
I_Work
Участник
Этот код у вас даже в Опере и Огнелисе на должен работать так, как вы это задумали!

Читаем внимательно:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
...
#footerx{
...
}
...

<DIV id="footer">...</DIV>

У вас не определен стиль для элемента footer.

И еще: нет смысла задавать атрибуты top и right - у вас указаны высота и ширина, а также левый нижний угол.
...
Рейтинг: 0 / 0
27.11.2007, 03:05
| Ответить | Цитировать | Написать  
как сделать footer на каждой странице в IE
    #34967044
ТарасP
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ТарасP
Участник
I_WorkЭтот код у вас даже в Опере и Огнелисе на должен работать так, как вы это задумали!

Читаем внимательно:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
...
#footerx{
...
}
...

<DIV id="footer">...</DIV>

У вас не определен стиль для элемента footer.

И еще: нет смысла задавать атрибуты top и right - у вас указаны высота и ширина, а также левый нижний угол.

Извените то что названо выше ошибкой является бональной опечаткой. а код с учётом этой опечатки работает отлично!

Но самое главное речь то не о этом. мы ведь тут не ошибку пытаемся обсудить а выяснить альтернативны спосооб прорисовки footer в IE...
...
Рейтинг: 0 / 0
27.11.2007, 09:10
| Ответить | Цитировать | Написать  
как сделать footer на каждой странице в IE
    #34970540
I_Work
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
I_Work
Участник
Один из возможных вариантов - использовать контейнер со 100% высотой, а после него помещать блок, сдвинутый вверх на свою высоту:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Footer  1 . Fixed</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
html, body { padding:  0 ; margin:  0 ; height:  100 %; }
#container { min-height:  100 %; }
#main { padding-bottom: 100px; }
#footer { margin-top: -101px; bottom: 0px; height: 100px; border-top: 1px solid # 000 ; background: #FF0; }
</style>
<!--[if IE]><style>#container { height: 100%; }</style><![endif]-->
</head>

<body>
	<div id="container">
		<div id="main">
		content
		</div>
	</div>
	<div id="footer">footer</div>
</body>
</html>

С уважением,
Евгений

P.S. Кстати, никто не сталкивался с проблемой: <div><p>?
Т.е. если первым же элементом блока является параграф.
Тогда начинают твориться какие-то чудеса...
...
Рейтинг: 0 / 0
28.11.2007, 08:06
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как сделать footer на каждой странице в IE
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=34965677&tid=1457296]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 169ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 2ms
others: 15ms
total:  270ms
созд. / загр.: 270ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]