Вертикальное выравнивание не работает с divs

У меня есть раздел авторского права внизу страницы посередине, содержащий фоновое изображение и текст. Я показываю этот div как таблицу-ячейку с вертикальным выравниванием: средний, но текст отображается в верхней части div, а не внизу. Вот страница: http://www.mawk3y.net/ammar/rawt/Вертикальное выравнивание не работает с divs

.copyright { 
color: #000; 
font-family: tahoma; 
font-size: 11px; 
width: 120px; 
height: 61px; 
text-align: center; 
background: url('../images/footer_logo.png') no-repeat center top; 
vertical-align: bottom; 
display: table-cell; 
float: left; 
margin-top: 13px; 
margin-left: 270px; 
padding: 0; 
margin-bottom: 0; 
}

источник

2014-09-14 PHP User

Вы не можете использовать 'настольный cell' на элемент, который имеет' поплавка: слева; 'на нем. Вам нужно будет сделать div внутри этого с помощью 'table-cell'. Я бы просто пошел с Roko C.Buljian ответ с 'padding' –

Вы используете фоновое изображение для вашего логотипа,
, чтобы отобразить текст «ниже» его, назначить

padding-top:50px;

вашего авторских элемент. Это результат:

enter image description here

источник

2014-09-14 16:18:15

Спасибо за вашу помощь. Так что я должен удалить фоновое изображение, чтобы сделать работу с вертикальным выравниванием? –

@ Yasser padding позволяет сохранить фон, закрывающий область прокладки, но сохраняйте текст в области без заполнения. Вы всегда можете использовать '' вместо фона. –

Я знаю, что прокладка только что обнаружила, что вертикальная выровняемость не работает и должна знать, почему. Спасибо за помощь @Roko –

Вертикальное выравнивание не работает с divs

ответ

Смежные вопросы