Bymas | Новая проблема с CSS

Тема закрыта by

CreepMatis
Причина: Не актуально! Проблема решена! Спасибо всем за помощь:)

Продолжаю верстать дизайн... На этот раз возникла проблема с foot-ом дизайна... Должно быть так:
http://bym.guru/files/forum/1/25799_1.png
А выходит по-другому(скрин ниже). Что за?
Код дизайна:

body{
color: #FFFFFF;
font-size: 15px;
font-family: Bender;
max-width: 400px;

margin: 0 auto;
padding: 0;
margin: 0 auto;
background: #cccccc;
}

.head{
background: url(headbg.png) repeat-x top;
}

.button-reg{
float: right;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 14px;
padding: 1px 1px 1px 1px;
}

a.regb{
background: url(button-reg.png) 100% 100% no-repeat;
width: 100%;
height: 100%;
text-align: center;
padding: 6px;
clear: right;
color: #FFFFFF
}

a:hover.regb{
background: url(button-reg-hover.png) 100% 100% no-repeat;
width: 100%;
height: 100%;
text-align: center;
padding: 6px;
clear: right;
color: #FFFFFF;
}
.reklama{
padding: 15px;
}

.title{
background: url(menu-title.png) repeat-x top;
padding: 8px 8px 8px 20px;
}

a {
text-decoration: none;
}

.title-bg{
background: url(menu-bg.png) repeat-x top;
padding: 8px 8px 8px 20px;
}

.ss1{
padding: 7px 3px 7px 3px;
color: #A7A7A7;
}

.text-title-bg{
padding: 10px;
}

.post-num{
background: url(post-num.png);
padding: 5px 10px 5px 10px ;
float: right;
}

.foot{
padding: 12px;
background: #000000;
border-top: #161616 solid 1px;
font-weight: bolder;

}

Код самой страницы:

<div class="head"><img src="style/logo.png" width="200" height="69">
<div class="button-reg">
<a class="regb" href="">Авторизация</a><br/><br/>
<a class="regb" href="">Регистрация</a></div>
</div>
<div class="reklama">
<img src="images/reklama.png" width="13" height="13"><a href=""><font color="blue" size="3"> Реклама</font></a><br/>
<img src="images/reklama.png" width="13" height="13"><a href=""><font color="blue" size="3"> Реклама</font></a><br/>
</div>
<div class="title">Новости</div>
<div class="title-bg">sdf</div>
<div class="title">Форум</div>
<div class="title-bg">
<div class="ss1"><a href=""><img src="http://bym.guru/views/IvanDanilov/icons1/f.png" width="16" height="16" alt="-"> Форум >></a><span style="float:right">(28)</span><br/>
<a href="/forum/topic/78920"><img src="http://bym.guru/views/IvanDanilov/icons1/f.png" width="16" height="16" alt="-"> Форум >></a><span style="float:right">(28)</span><br/>
<a href="/forum/topic/78920"><img src="http://bym.guru/views/IvanDanilov/icons1/f.png" width="16" height="16" alt="-"> Форум >></a><span style="float:right">(28)</span><br/>
<a href="/forum/topic/78920"><img src="http://bym.guru/views/IvanDanilov/icons1/f.png" width="16" height="16" alt="-"> Форум >></a><span style="float:right">(28)</span><br/></div>
</div>
<div class="foot">
<span style="float:left">Онлайн: 1/1</span><span style="float:right">12:22:01</span>
</div>

.foot с padding'ом поработай

CreepMatis, padding увелич, и не парься

.foot{
padding: 20px;
}
________
посл. ред. 12.06.2015 в 23:49; всего 1 раз(а); by yamus

yamus (12.06.2015 в 23:49)
.foot{
padding: 20px;
}

Пробовали... На выходе получается кака... Должно быть всё ровно(как на макете), а получается так.

.foot{
padding: 16px;
background: #000000;
border-top: #161616 solid 1px;
font-weight: bolder;
text-align:center;
}

Popolam (13.06.2015 в 00:00)
.foot{
padding: 16px;
background: #000000;
border-top: #161616 solid 1px;
font-weight: bolder;
text-align:center;
}

Паддинги настраивать бесполезно. Уже пробовали. Оно должно быть по центру дива... И text-align не помогает...

CreepMatis,вот это вставь,поправка display: block;
padding: 15px 0px;
________
посл. ред. 13.06.2015 в 00:05; всего 1 раз(а); by сэнсэй

сэнсэй (13.06.2015 в 00:03)
CreepMatis,вот это вставь,поправка display: block;
padding: 15px 0px;

Display:block не помогает... Самое странное, что если сделать просто <div class="foot">dfhgjdf</div>, то всё хорошо, но текст в центре, а если добавлять float:left/right;, то сразу получается хрень(

CreepMatis, а чё у тя нету <span> в css коде? время ты выровняешь по центру ток через него, а онлайн через text-align: left;