выравнивание div

голоса: 0

Здравствуйте. Как можно немного поднять вверх один div, вложенный в другой? Есть три дива:

<div class="footer"> 
 <div class="copyright_cont">

Тут текст

</div>

<div class="live_counter"> 
 <script type="text/javascript"><!--
document.write("<a href='//www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t23.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?" ":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число посетителей за"+
" сегодня' "+
"border='0' width='88' height='15'><\/a>")
//--></script>
 <!--/LiveInternet-->
 
 </div>
</div>

 

В css:

.footer {height: 85px; width:100%; background:no-repeat #d5d5d6;margin-top:20px;}
.copyright_cont {height: 50px; width: 85%; text-align:justify; font-size: 9pt; padding:9px;}
.live_counter { height: 15px; width: 10%; position: absolute; left: 90%; }

 

По задумке: footer содержит фоновое изображение, .copyright_cont  содержит копирайт юкоза и ещё небольшой текст, занимающий 85% всего главного дива, а в live_counter содержится счетчик от лайвинтернет. Мне удалось третий div перенести в правый край, чтобы он занял пустующее место, но вот поднять его не могу. Если пишу что-то вроде top: 10px, то картинку счетчика уносит куда-то вверх сайта. 

| Автор: | Категория: Дизайн сайта

Ответов: 2

голоса: 0
 
Лучший ответ
Для класса footer используйте position:relative; потом уже можно для класса live_counter использовать position: absolute; top: такой то.
Без конкретного адреса сайта, сказать сложно.
| Автор:
Выбор ответа лучшим | | Автор: Андрей Федоров
Спасибо! Это помогло. Но не могли бы вы объяснить причину того, почему relative помог?
relative относительное позиционирование к боди например, но если в слое с относительным поз. будет слой абсолют. то он может передвигаться только в родительском слое, подробней здесь http://htmlbook.ru/css/position
голоса: 0
Здравствуйте! вам нужно использовать не top:10px  а

margin-top:-10px;

тогда нужный вам див к которому вы пременете данные условия подымиться в верх на 10 px
| Автор:

Вот как оно сдвинулось. Если использую bottom, то остается белая полоска, а счетчик передвигается чуть выше, но даже при изменении значений он остается на одном месте.

...