Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Трабла с overflow (https://javascript.ru/forum/xhtml-html-css/9057-trabla-s-overflow.html)

warobushek 27.04.2010 10:04
Трабла с overflow
 
Здравствуйте, помогите пожалуйста.

Почему overflow не обрезает лишний текст ?
Задан блок фиксированной высоты и ширины. Для него заданы паддинги сверху и снизу.
Текст который внутри блока игнорирует паддинги и отображается, а обрезается только по границам самого блока.
В коде ниже пробовал ввести дополнительный div. Не помогло.

Код:
<div id="si_txt">
        <div>.. МНОГО-МНОГО ТЕКСТА..</div>
</div>
заданы стили:
Код:
#si_txt {
        background-color:#F5F7F9;
        float:left;
        height:115px;
        line-height:120%;
        overflow:hidden;
        padding:15px 40px 15px 17px;
        width:405px;
}

#si_txt div {
        overflow:hidden;
}

Вот оригинал: http://tri4.ax3.net/akado_ural/akado-ural.html

subzey 27.04.2010 10:13
У Вас #si_txt обрезает не текст, а див. Див же честно обрезает текст, но у него-то высота не указана.

warobushek 27.04.2010 12:00
Премного благодарен!!!
Спасибо.

warobushek 29.04.2010 07:36
Помогите, пожалуйста
Отдельную тему специально не создаю.
Так как вопрос связан с тем же самым блоком.
Для внутреннего div устанавливаю высоту в пикселях. Получается так, что текст обрезается где-то посередине букв.
Когда подгоняю высоту и паддинги под один браузер, в других обрезается посередине.
Т.е. в ИЕ, макстон, мозилле высота строк и букв разная получается.

Можно ли как нибудь задать высоту в относительном формате?

Вот здесь он находится http://tri4.ax3.net/akado_ural/akado-ural.html.

subzey 29.04.2010 09:07
На размер текстового блока могут влиять font-size, line-height, vertical-align, margin между абзацами и еще куча вещей.

warobushek 29.04.2010 09:52
Т.е. их все в пикселях задать?

B~Vladi 29.04.2010 17:42
А vertical-align тут каким боком?!

B~Vladi 29.04.2010 17:45
Цитата:
Сообщение от warobushek
Т.е. их все в пикселях задать?
Иди учи CSS.

warobushek 29.04.2010 20:08 
Иди учи CSS.

послать всегда легче, чем помочь

subzey 29.04.2010 20:16
B~Vladi,
ie6

B~Vladi 29.04.2010 20:59
Цитата:
Сообщение от warobushek
послать всегда легче, чем помочь
Ок, может проведёшь тогда ему "Курс молодого бойца"?
Цитата:
Сообщение от subzey
ie6
А подробнее? Это же выравнивание и на размеры никак влиять не должно.

subzey 29.04.2010 21:33
Цитата:
Сообщение от B~Vladi
А подробнее? Это же выравнивание и на размеры никак влиять не должно.
То-то и оно…

Сейчас попробовал воспроизвести в ietester — нифига. Но вот на этой странице это мне просто выело мозг в своё время, ишак шестой «съедал» при каких-то условиях расстояние между базовой и нижней линией.

Octane 29.04.2010 21:39
Цитата:
Сообщение от B~Vladi
Цитата:
Сообщение от subzey
ie6
А подробнее? Это же выравнивание и на размеры никак влиять не должно.
Ну не только в IE6
<style type="text/css">
p {
margin: 0;
font-size: 36px;
border: 1px solid #f00;
}
</style>
<p>Intel®</p>
<p>Intel<span style="vertical-align: super;">®</span></p>
А в IE картинки блок растягивают из-за vertical-align: baseline;

B~Vladi 29.04.2010 22:12
Мда... Ну не говнокод ли там у них?!... Или всё по правилам?

subzey 29.04.2010 23:45
B~Vladi,
найдете косяки - буду рад выслушать Ваш фидбек.

Когда я в последний раз это видел, код валидился и кроссбраузерился.

...а еще там шапка хитро тянется в зависимости от разрешения, потому и таблица. :)


Часовой пояс GMT +3, время: 13:08.