Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Таблица или блок с закругленными углами и тенью

Таблица или блок с закругленными углами и тенью


     10.11.2012    css    Все вопросы » Стили (CSS)    4093

вопрос
Помогите пожалуйста решить 1 проблему есть код css он создает блок с закругленными углами и тенью. Все отлично работает во всех браузерах, но только 1 строчка, все остальные строчки вылетают за блок??? Т.е. 1 первая строчка текста все отлично а все другие строки(2,3 и тд.) вылетают за пределы этого блока


#block
{
width: 50em;
height: 10em;
line-height: 10em;
margin: 0 auto;
background: #9FDCF2;
text-align: left;
border:2px solid #FF0000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 5px 5px 10px #A8A8A8;
-moz-box-shadow: 5px 5px 10px #A8A8A8;
-webkit-box-shadow: 5px 5px 8px #A8A8A8;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9FDCF2), to(#D0EEF9));
background: -moz-linear-gradient(#9FDCF2, #D0EEF9);
background: linear-gradient(#9FDCF2, #D0EEF9);-pie-background: linear-gradient(#9FDCF2, #D0EEF9);
behavior: url(PIE.htc); /* for IE */


Вставляется на сайт через

<div id="block">  ВОТ ЗДЕСЬ ТОЛЬКО 1 СТРОКА ВСЕ ОСТАЛЬНОЕ ВЫЛЕТАЕТ ЗА ПРЕДЕЛЫ БЛОКА </div>

Ответил: ПафНутиЙ


Уберите height: 10em;
или замените на min-height: 10em;
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх