Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.10.2011, 14:34
Интересующийся
Отправить личное сообщение для zukalo Посмотреть профиль Найти все сообщения от zukalo
 
Регистрация: 02.05.2011
Сообщений: 13

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

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

p.s. ещё рад буду услышать критику по структуре, что можно сделать лучше и т.д.
Ответить с цитированием
  #2 (permalink)  
Старый 25.10.2011, 15:27
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от 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>


Нет никакой информации за пределами ДИВа...
Ответить с цитированием
  #3 (permalink)  
Старый 25.10.2011, 15:32
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

zukalo, пример у тебя просто жуть...
Ответить с цитированием
  #4 (permalink)  
Старый 25.10.2011, 19:32
Интересующийся
Отправить личное сообщение для zukalo Посмотреть профиль Найти все сообщения от zukalo
 
Регистрация: 02.05.2011
Сообщений: 13

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

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

Последний раз редактировалось zukalo, 25.10.2011 в 19:42.
Ответить с цитированием
  #5 (permalink)  
Старый 25.10.2011, 22:59
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

zukalo,


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

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

если не задать шириун или высоту и блолк ничего не будет сдерживать извне то он будет в себе деражть всё без обрезаний даже флоаты, только фиксед и абсолют обрежит....
Ответить с цитированием
  #6 (permalink)  
Старый 26.10.2011, 18:56
Интересующийся
Отправить личное сообщение для zukalo Посмотреть профиль Найти все сообщения от zukalo
 
Регистрация: 02.05.2011
Сообщений: 13

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

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

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

Мучаюсь уже 2 неделю, помогите плиз!
Ответить с цитированием
  #7 (permalink)  
Старый 26.10.2011, 21:27
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

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

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



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

Последний раз редактировалось Seva1986, 26.10.2011 в 21:33.
Ответить с цитированием
  #8 (permalink)  
Старый 26.10.2011, 21:36
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Глюки Opera с полупрозрачными image position: absolute zukalo jQuery 8 04.11.2011 16:47
Draggable и Overflow: hidden ArmagedDance Элементы интерфейса 4 09.08.2011 12:25
Opera не выполняет style.fontSize=... в поле input Маэстро Opera, Safari и др. 6 20.06.2011 12:03
Flash и overflow: hidden x-yuri Flash 4 27.05.2011 09:59
Проблема с Ajax запросом в IE и Opera flash_uz AJAX и COMET 0 30.04.2009 15:08