| |
|
|
| | всем привет !
имееться следующий код
<*div id="wrapper">
<*div id="header">HEADER<*/div>
<*div id="content">CONTENT*/div<>
<*/div>
<*div id="footer">FOOTER<*/div>
цсс
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
}
#wrapper {
position:relative;
min-height: 100%;
height: auto !important;
height: 100%;
}
#content {
padding-bottom:40px;
}
#footer {
position: relative;
margin-top: -40px;
height: 40px;
background:green;
}
#header {
height: 30px;
width: 100%;
background:yellow;
}
- чтобы прижать футер к низу
всё бы хорошо, но когда я вставляю в цсс это:
#rmenu{
border:1px solid orange;
left:50%;
margin-left:-90px;
width:450px;
top:134px;
height:auto;
position:relative;
top:0px;
padding-bottom:50px;
}
и присваиваю этот id некому тексту, то при увеличении масшаба футер от низа отрываться
вообще
совершенно не понимаю какой параметр добавить, или изменить, и на что, чтобы всё работало нормально
помогите!!!!!!! | |
| |
|
|
| |
|
|
| |
для: ic-e
(15.09.2009 в 16:30)
| | | добавьте на страницу данные и забудьте про 'футер всегда снизу' | |
| |
|
|
| |
|
|
| |
для: AlexSol
(15.09.2009 в 16:55)
| | | не совсем понял совет, что вы имели ввиду под словами забудь?
я новичок и хотелось бы больше конкретики.. | |
| |
|
|
| |
|
|
| |
для: ic-e
(15.09.2009 в 17:29)
| | | Смысл в том, что футер книзу прибить очень сложно (особенно, если вы избегаете таблиц), обычно это даже не пытаются делать - просто добавляют данные, статью, левое и правое меню и нижняя часть так и так оказывается на приличном расстоянии внизу, даже если не достает до конца - смотрится не плохо. А если сайт насыщен информацией, то у пользователя и разрешения не хватает, чтобы футер увидеть без прокрутки. | |
| |
|
|
| |
|
|
| |
для: cheops
(15.09.2009 в 17:54)
| | | >Смысл в том, что футер книзу прибить очень сложно (особенно, если вы избегаете таблиц)
Простите, но это далеко не так ;)
<style>
body, html {
margin: 0px;
padding: 0px;
height: 100%;
}
#layout {
margin: 0px;
padding: 0px;
min-height: 100%;
}
* html #layout {
height: 100%;
}
#footer {
height: 100px;
background: red;
width: 100%;
left: 0px;
bottom: 0px;
position: absolute;
}
</style>
<body>
<div id="layout">
<div id="footer"></div>
</div>
</body>
|
только доктайп xhtml 1.0 не надо забывать | |
| |
|
|
| |
|
|
| |
для: ic-e
(15.09.2009 в 16:30)
| | |
* {
margin:0;
}
html, body {
height:100%;
}
.wrapper {
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -4em;
}
.footer, .push {
height:4em;
}
|
<div class="wrapper">
<p>Контент</p>
<div class="push"></div>
</div>
<div class="footer">
<p>Текст в футере</p>
</div>
|
все просто .... читай больше это взято с [url]cssmake.ru[/url] | |
| |
|
|
