@kirovFree

Сhrome, media query, почему блок не встает на место?

Chrome 33.0.1750.146 Ubuntu 12.04
Уменьшаю ширину браузера media срабатывает, блок падает вниз как надо, но при обратном resize - блок не поднимается вверх на своё изначальное место.

Скриншоты:
Так до resize
db55f4ed832944149c751f96cea5b732.png

Сработал media query
5d74f9d7041d4e7bbbe732ea80339153.png

resize обратно, и блок не становится на своё место.
29a62c94eec64ed39bfbbc348fa75ead.pngКод:
(ASIDE - злополучный блок. #mainContent - блок с текстом с лева)

Код согласно скриншотам.
default
#mainContent{	
	display: inline-block;
	width: 40em;	
	margin: 0 0 0 15em;	
}
ASIDE {
	width: 35em;
	float: right;
	height: 23em;
	margin: 0 10em 0 0;	
}


media 640
#mainContent{
		margin: 0 auto;
		width: 41em;			
		display: block;		
	}
        ASIDE{
		width: 41em;	
		margin: 1em auto 0 auto;	
		float: none;		
		height: 10em;
	}


media 800
#mainContent{
		margin: 0 0 0 2em;
		max-width: 27em;
		display: inline-block;
	}
	
	ASIDE{
		width: 20em;
		margin: 0 1em 0 0;	
		float: right;
	}


В FireFox 27.0.1 и Opera 12.16 всё работает как надо.
  • Вопрос задан
  • 2572 просмотра
Решения вопроса 1
В 33 версии Google Chrome на GNU/Linux есть проблемы с отоброжением некоторых сайтов при изменение размеров, видимо и это как то связано с вашей проблемой. У вас я так понял Elementary OS.
Update: поставьте Chromium сейчас он 32 версии является stable. И работает как полагается.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@kirovFree Автор вопроса
Точно такое же поведение другого блока замечено в footere. Единственный сходством двух этих блоков является float:right. К тому же если переместить в дереве HTML, блок о котором вопрос, выше #mainContent он ведёт себя как и задумывалось, без этого глюка.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы