HTML
<div id="wrap">
<div id="header">
header
</div>
<div id="content">
content
</div>
<div id="sidebar">
in here will be login module
</div>
</div>
<div id="footer">
asdfasdf
</div>
CSS
#wrap{
width:100%;
margin:0 auto;
}
#header{
width:100%;
height:50px;
background:orange;
}
#content{
width:100%;
height:500px;
background:green;
float:;
}
#sidebar{
width:25%;
height:550px;
background:red;
float:left;
position:relative;
bottom:550px;
left:20px;
}
#footer{
float:left;
position:ralative;
}
Я хочу, чтобы нижний колонтитул начинался с левой стороны (так же, как содержимое и заголовок div), но начинается со странной точки.
это демонстрация
и, может ли кто-нибудь связать меня с хорошим руководством по обучению и поплавать?
Я думаю, что это причина, почему это испортилось, но не может понять, что это значит, для новичков в интерфейсе.
Добавить left:0px;
в боковой панели id #sidebar
#sidebar {
width: 25%;
height: 550px;
background: red;
float: left;
position: relative;
bottom: 550px;
left: 0;
}
HTML
<div style="clear:both"></div> //include this division before footer division
<div id="footer">
asdfasdf
</div>
CSS
#footer{
position:ralative;
float : left;
margin-top : -550px;
}
проверить эту скрипку
#footer
есть орфографическая ошибка, 'относительная'. Во-вторых, ваша боковая панель должна иметьposition:absolute;
потому что вы используетеbottom
которое является формой абсолютного позиционирования.float
, но если вы используете его, вам нужноclear:both
после него.