Ширина div при одной и двух строках

Статус
В этой теме нельзя размещать новые ответы.

funest

Постоялец
Регистрация
2 Июл 2007
Сообщения
146
Реакции
39
Подскажите как сделать в CSS для IE:
если в блоке одна строка = width:auto; // то есть тут ширина элемента зависит от количества символов.
если две = width:100%; // в любом счлучае, если происходит перенос, ширина принимает указанное значение.

Если к блоку применяешь float в лисе и сафари все замечательно, а осел отображает его ширину по самой длинной строке, не так как надо :nezn:
 
линк на пример и все сделаем.
 
чтобы что то для IE отдельно сделать, нужно прописать в css отдельный класс или ID.
*html тут класс или ID {
тут параметры, которые отличаются от обычных
}
вот как то так я справлялся с багами в IE ))
 
чтобы что то для IE отдельно сделать, нужно прописать в css отдельный класс или ID.
*html тут класс или ID {
тут параметры, которые отличаются от обычных
}
вот как то так я справлялся с багами в IE ))

Спасибо конечно, но я не про хаки спрашивал.
Вот пример.
стили
Код:
#container{width:700px; margin:0 auto; padding:9px; overflow:hidden; border:1px #aab solid;}
.bg{height:300px; width:100%; background:#0099FF;}
.hd{background:#000; color:#fff; font-size:18px; margin-top:-36px; padding:7px; float:left;}
HTML:
<div id="container">
	<div class="bg"></div>
	<div class="hd">Заголовок</div>
</div>
 
Хм. интересная проблема. На самом деле блок в ie ведет себя достаточно логично. Кстати в Опере тоже. А вот в остальных скорее наоборот нелогично.

Ширина плавающего блока должна зависеть от контента внутри. Но в новых браузерах он ещё резервирует ту часть в которой теоретически мог бы быть перенесенный контент.
 
Возможно ослик и правильно себя ведет в данном случае.
Но все-таки хотелось бы как-то решить данную траблу...

Можно ли проверить тогда JavaScript`ом на наличие переноса строки браузером или просто перевода каретки?
По количеству символов в строке не получится.
 
Нашел такую же проблему и решение на js.
Только очень по корявому получается. :(
 
Да, там много лишнего. Сегодня вечером постараюсь реализовать красивее.
 
Вообщем проверил на Опере 9.27, 9.64, IE6, IE7(IETester), IE8. Вроде все нормально работает. Скрипт нужен только для Оперы. Потестить тщательней не получилось, так что проверь. 36 это минимум высота блока при одной строке.

Должно кстати при резиновой ширине работать.

 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху