Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Opera - глюки с overflow: hidden (https://javascript.ru/forum/xhtml-html-css/22569-opera-glyuki-s-overflow-hidden.html)

zukalo 25.10.2011 14:34

Opera - глюки с overflow: hidden
 
В слое с overflow: hidden, в опере лишние элементы не прячутся, а переносятся на следующую строчку. Ещё хотелось бы, чтобы слой с overflow: hidden занимал всё доступное ему место, а не фиксированное, как у меня сейчас. Заранне спасибо!

http://mtg-kaluga.230101.org/test/

p.s. ещё рад буду услышать критику по структуре, что можно сделать лучше и т.д.

ksa 25.10.2011 15:27

Цитата:

Сообщение от zukalo
В слое с overflow: hidden, в опере лишние элементы не прячутся, а переносятся на следующую строчку.

Не верю! (с)

<style type="text/css">
#test {
	width: 200px;
	height: 100px;
	overflow: hidden;
}
</style>
<div id='test'>
	<p>
		Большая Медведица колеблет астероидный pадиотелескоп Максвелла, тем не менее, 
		уже 4,5 млрд лет расстояние нашей планеты от Солнца практически не меняется. 
		Натуральный логарифм колеблет восход , а оценить проницательную способность 
		вашего телескопа поможет следующая формула: Mпр.= 2,5lg Dмм + 2,5lg Гкрат + 4. 
		По космогонической гипотезе Джеймса Джинса, нулевой меридиан ищет сарос, 
		об этом в минувшую субботу сообщил заместитель администратора NASA. Орбита 
		решает маятник Фуко, и в этом вопросе достигнута такая точность расчетов, 
		что, начиная с того дня, как мы видим, указанного Эннием и записанного в 
		"Больших анналах", было вычислено время предшествовавших затмений солнца, 
		начиная с того, которое в квинктильские ноны произошло в царствование Ромула. 
		Вселенная достаточно огромна, чтобы газопылевое облако перечеркивает 
		экватор – у таких объектов рукава столь фрагментарны и обрывочны, что их 
		уже нельзя назвать спиральными.
	</p>
</div>


Нет никакой информации за пределами ДИВа...

ksa 25.10.2011 15:32

zukalo, пример у тебя просто жуть... :blink:

zukalo 25.10.2011 19:32

А если высота и ширина не заданы?
Или, скажем, высота не задана?

Цитата:

zukalo, пример у тебя просто жуть...
Понимаю, учусь вот :(

Seva1986 25.10.2011 22:59

zukalo,


я чесно говоря вообще не понял в чем проблема? дайте код, или ссылку...

overflow: hidden; работает без глюков во всех более мене нормальных браузерах даже в опере и ослах 8+ точно...

если не задать шириун или высоту и блолк ничего не будет сдерживать извне то он будет в себе деражть всё без обрезаний даже флоаты, только фиксед и абсолют обрежит....

zukalo 26.10.2011 18:56

Привёл всё в читаемый вид, удалил лишнее:
http://mtg-kaluga.230101.org/bug/

Цитата:

Не верю! (с)
Смотрите сами по ссылке :)

Ошибка так и не исчезла. Разметка вроде несложная, и ошибка эта проявляется только в Opera (overflow обрезает, но зачем-то показывает обрезанное на новой строке). Ещё хотелось бы, чтобы содержимое слоя days и stars было в один ряд с тегами ВНУТРИ белой плашки. Display: inline не помогает!

Мучаюсь уже 2 неделю, помогите плиз!

Seva1986 26.10.2011 21:27

ну проблема в overflow так можно решить

.inner { 
 height: 31px;
    overflow: hidden;
 }



там нет никакой ошибки... просто не задана высота....

Seva1986 26.10.2011 21:36

Цитата:

Сообщение от zukalo
Ещё хотелось бы, чтобы содержимое слоя days и stars было в один ряд с тегами ВНУТРИ белой плашки. Display: inline не помогает!


не понятно как должно быть вот как вариант
.inner {
    float: left;
    height: 31px;
    overflow: hidden;
    width: 80%;
}


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