Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Всегда внизу!
 
 автор: maXam   (01.02.2011 в 20:19)   письмо автору
 
 

Как сделать, чтобы элемент был всегда внизу?

Я делаю так:
<table style="position: absolute; bottom:0; width:100%"><tr><td align="center">
   Всё что нужно тут.<br>
</table>


Вроде работает, но есть одна маленькая проблема: если зайти на страницу, открыв браузер на весь экран, то при его сворачивании (нажатии на два квадратика слева от кнопки закрыть, или же просто двойном щелчке по названию окна) этот элемент, код которого я привёл выше, меняет место и становится посреди контента, а не внизу. Что делать?

  Ответить  
 
 автор: Lelik   (01.02.2011 в 20:28)   письмо автору
 
   для: maXam   (01.02.2011 в 20:19)
 

а можно чуть больше кода? желательно начиная с тега body

+ какой доктайп указывается?

  Ответить  
 
 автор: maXam   (01.02.2011 в 20:36)   письмо автору
 
   для: Lelik   (01.02.2011 в 20:28)
 

Боди обычный <body>.
Доктайп:
<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  Ответить  
 
 автор: Lelik   (01.02.2011 в 20:41)   письмо автору
 
   для: maXam   (01.02.2011 в 20:36)
 

доктайп поставь XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


и весь контент положи в общий блок:

<style>
html,body {
    height: 100%;
}
#layout {
    min-width: 1000px;
    min-height: 100%;
    position: relative;
    z-index: 2;
}
</style>
<body>
    <div id="layout">
        <table style="position: absolute; bottom:0px; left: 0px; width:100%"><tr><td align="center">
           Всё что нужно тут.<br>
        </table>
    </div>
</body>

  Ответить  
 
 автор: maXam   (01.02.2011 в 20:55)   письмо автору
 
   для: Lelik   (01.02.2011 в 20:41)
 

Ой, ой, да вы с ума сошли. Весь же везде код перелопачивать, все эти "/" добавлять и прочее. Неее!

  Ответить  
 
 автор: Lelik   (01.02.2011 в 20:56)   письмо автору
 
   для: maXam   (01.02.2011 в 20:55)
 

ну тада хади так, как есть

  Ответить  
 
 автор: maXam   (01.02.2011 в 20:56)   письмо автору
 
   для: Lelik   (01.02.2011 в 20:41)
 

А все эти min, max-width не поддерживаются более старыми браузерами.

  Ответить  
 
 автор: Lelik   (01.02.2011 в 20:56)   письмо автору
 
   для: maXam   (01.02.2011 в 20:56)
 

только ИЕ6, но и на него есть хак

  Ответить  
 
 автор: maXam   (01.02.2011 в 21:48)   письмо автору
 
   для: Lelik   (01.02.2011 в 20:56)
 

Мне казалось ВСЕ браузеры старые.

  Ответить  
 
 автор: Агамемнон   (01.02.2011 в 20:42)   письмо автору
825 байт
 
   для: maXam   (01.02.2011 в 20:19)
 

Если требуется футер,всегда прижатый к низу,то подробнее тут:http://ktonanovenkogo.ru/html/div-verstka-html/blochnaya-verstka-div-verstka-kak-prizhat-footer-k-nizhnej-chasti-ekrana-maket-sajta-blochnoj-verstki.html

  Ответить  
 
 автор: maXam   (01.02.2011 в 21:49)   письмо автору
 
   для: maXam   (01.02.2011 в 20:19)
 

Я вместо:
position: absolute
решил применить
position: fixed
.
Заработало, только скажите, я не знаю, fixed где и кем не поддерживается?

  Ответить  
 
 автор: mihdan   (02.02.2011 в 17:55)   письмо автору
 
   для: maXam   (01.02.2011 в 21:49)
 

[поправлено модератором]

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования