Резиновые ячейки overflow:hidden

Делаем кроссбраузерное резиновое решение под любой HTML элемент.

Для начала взглянем, на решение, которое нашлось на сайте fastcoder.org. Вполне приемлемое решение, но если не использовать таблицы с ячейками, то резиновый блок можно сделать так:

<div style="position:relative; height:25px; overflow:hidden; margin-top:10px">

<div style="position:absolute; white-space:nowrap;">

много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв

</div>

</div>

Очень важным является указание height, иначе Вы не увидите текст. Для браузера Опера нужно указывать white-space во внутреннем диве, иначе он может неправильно обработать строку.

 

Оцени публикацию:
  • 4,20
Оценили человек: 4

Похожие статьи:

Справочники и учебники:


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Защита сервера от ошибок в phpMyAdmin

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Веб-мастеру » CSS »