| |
|
|
| | У меня текст на странице разбит на три колонки: левая, правая и центральная. Всё сделано в div и css . Нужно приделать к странице нижнюю часть, такую, которая всегда будет внизу, независимо от того, сколько текста в любой колонке. Если бы div был один, то я знаю как это сделать, но когда 3 вертикально расположенных div , то у меня ничего не получается. Получается размещать вниз относительно одного из верхних div, но относительно всех сразу - никак. Помогите пожалуйста. | |
| |
|
|
| |
|
|
| |
для: jenia
(26.02.2007 в 01:09)
| | | эмм... а можно кусок кода? | |
| |
|
|
| |
|
|
| |
для: Whi-teOoS
(26.02.2007 в 01:42)
| | | По адресу ниже пример, подобный тому, что будет у меня. Как к этому примеру приделать низ. | |
| |
|
|
| |
|
|
| |
для: Jenia
(26.02.2007 в 02:00)
| | | html:
<div id="banner">
</div>
<div class="leftcontent" id="nav">
<div class="left_news">
</div>
</div>
<div id="centercontent">
</div>
<div id="rightcontent">
<div class="right_news">
</div>
</div>
</div>
|
css:
.leftcontent {
position: absolute;
left:0px;
top:126px;
width:200px;
}
.left_news {
position:relative;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:185px;
}
#centercontent {
margin-top:10px;
margin-left: 199px;
margin-right:199px;
line-height:1.4em;
}
html>body #centercontent {
margin-left: 201px;
margin-right:201px;
}
#rightcontent {
position: absolute;
right:10px;
top:130px;
width:200px;
}
.right_news {
position:relative;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:185px;
}
#banner {
height:116px;
}
html>body #banner {
height:116px;
}
|
Это код страницы (без наполнения и т.д.). | |
| |
|
|
| |
|
|
| |
для: jenia
(26.02.2007 в 01:09)
| | | сделано приятно.
> Если бы div был один, то я знаю как это сделать, но когда 3 вертикально расположенных div , то у меня ничего не получается
а что мешает эти три поместить в один?
<style>
.clear{cler:both;height:1px;line-height:1px;font-size:1px;}
</style>
<div id=all>
<div class=left>
..
</div>
<div class=center>
..
</div>
<div class=right>
..
</div>
<div class=clear></div>
</div>
|
пример того, что вам нужно. - http://www.themaninblue.com/experiment/footerStickAlt/ (footerStickAlt)
только делать муторно... вот человек пытался | |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.02.2007 в 07:24)
| | | Но у это человека все же получилось! :) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.02.2007 в 07:24)
| | | То, что находится по этому адресу - http://www.themaninblue.com/experiment/footerStickAlt/ - я брал за основу. Ничего не вышло. Если бы было известно какой из div будет выше (то есть в каком будет больше текста), то сделать низ страницы не проблема.
Я пытался все div внести в один, но я не знаю, что нужно прописать для этого общего div в css . id="all" , а что нужно прописать для этого all?
Я не совсем понял как, то, что обсуждается тут - http://softtime.ru/forum/read.php?id_forum=4&id_theme=32884&page=1, относится к моему вопросу? | |
| |
|
|
| |
|
|
| |
для: Jenia
(26.02.2007 в 17:09)
| | | >То, что находится по этому адресу - http://www.themaninblue.com/experiment/footerStickAlt/ - я брал за основу. Ничего не вышло.
Я тоже так говорил, но ведь вышло же?! :))
>Я не совсем понял как, то, что обсуждается тут - http://softtime.ru/forum/read.php?id_forum=4&id_theme=32884&page=1, относится к моему вопросу?
Прямо относится! Почитайте внимательно! Будут вопросы - задавайте! | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(26.02.2007 в 17:21)
| | | я специально описал только один класс. вот несколько подробнее:
<style>
.clear{cler:both;height:1px;line-height:1px;font-size:1px;}
.left{float:left;width:100px;}
.center{float:left;width:200px;}
.right{float:left;width:300px;}
</style>
<div id=all>
<div class=left>
..
</div>
<div class=center>
..
</div>
<div class=right>
..
</div>
<div class=clear></div>
</div>
|
при таком раскладе <div id=all> примет высоту самой высокой колонки. это достигается при помощи замечательного класса .clear | |
| |
|
|
