| |
 1.2 Кб |
|
| | В аттаче страница, созданная по мотивам http://www.themaninblue.com/experiment/footerStickAlt/good_example_long.htm (в принципе это она и и есть, только без "лишнего" + overflow =))
В общем, мне нужен только подвал! Соответственно, он должен быть всегда внизу. Его высота - 768px.
Когда рабочая область браузера становится меньше этой величины должен появится скролл.
Не приложу ума как это сделать.
Засовывал в nonFooter див с высотой 768px, и marginом - частично помогает. Частично потому, что скролл идет "от верха" (т.е. нужная часть мне режется сверху, а снизу пустота появляется), ну а мне надо от верха. | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(06.02.2009 в 14:23)
| | | а может на js для разнообразия? :) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(06.02.2009 в 14:35)
| | | эмм... нежелетально....
но а на JS можете что-то предложить? ) | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(06.02.2009 в 14:23)
| | | задай для body position: relative и абсолютным позиционированием "приклей" футер к низу | |
| |
|
|
| |
|
|
| |
для: Lelik
(06.02.2009 в 16:30)
| | | нене. не катит, пробовал ) | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(06.02.2009 в 23:13)
| | | а высоту для body и html задавал? | |
| |
|
|
| |
|
|
| |
для: Lelik
(07.02.2009 в 01:40)
| | | задано.
да футер и так то внизу, проблема то несколько другая ) | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(07.02.2009 в 15:23)
| | | В общем, совместно с Lelikом проблему решили )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</script>
</head>
<body>
<style type="text/css">
html, body {
padding: 0;
margin: 0;
height: 100%;
}
#layout {
min-height: 100%;
position: relative;
width: 1024px;
margin: 0 auto;
background-color: #eeeeee;
}
#main_reducer {
height: 768px;
position: relative;
z-index: 1;
background-color: #00aa00;
}
#footer {
position: absolute;
width: 1024px;
height: 768px;
bottom: 0px;
z-index: 5;
background-color: #aa0000;
color: white}
</style>
<div id="layout">
<div id="main_reducer"></div>
<div id="footer">
Вот такие мы извращенцы =)
</div>
</div>
</body>
</html>
|
Код кинул сюда, мало ли может пригодиться кому, а аттачи тут удаляются через некоторое время ) | |
| |
|
|
