goodwin74

Подскажите пожалуйста метод к другому случаю, <div style="display: inline-block;"> <img src="1.jpg"> <img src="2.jpg"> <img src="3.jpg"> <img src="4.jpg"> <img src="5.jpg"> </div> Есть блок и 5 картинок. Блок резиновый. Как сделать чтобы при уменьшении размера окна браузера, изображения стали уменьшаться в размере, оставаясь на одной линии. Буду очень благодарен!

klierik, mrnobody Спасибо Вам огромное!!! Дай бог Вам здоровья

<div style="width:53px;height:50px;float:left;border:1px solid;"></div> <div style="max-width:1400px;height:50px;float:left;border:1px solid;overflow:hidden"> <img style="margin: 5px;" src="http://www.porjati.ru/uploads/posts/2012-07/thumbs/1343078613_19.jpg" height="40px" width="200px"/> <img style="margin: 5px;" src="http://www.porjati.ru/uploads/posts/2012-07/thumbs/1343078613_19.jpg" height="40px" width="200px"/> <img style="margin: 5px;" src="http://www.porjati.ru/uploads/posts/2012-07/thumbs/1343078613_19.jpg" height="40px" width="200px"/> <img style="margin: 5px;" src="http://www.porjati.ru/uploads/posts/2012-07/thumbs/1343078613_19.jpg" height="40px" width="200px"/> <img style="margin: 5px;" src="http://www.porjati.ru/uploads/posts/2012-07/thumbs/1343078613_19.jpg" height="40px" width="200px"/> </div> <div style="width:53px;height:50px;float:left;border:1px solid;"></div> вот пример. Когда уменьшаешь окно они все съезжают а хотелось бы чтоб были на одной линии и средний блок уменьшался.

Здравствуйте! Без лишних слов опишу проблему. Есть три DIV элемента на одном уровне по float:left. 1 блок - ширина фиксированная(53px) 2 блок - резина(max-width:1400px 3 блок - ширина фиксированная(53px). Суть в том что не могу сделать следующее: При уменьшении размера окна браузера все блоки остаются на одной линии, а 2 блок уменьшается в размере. Сейчас происходит так что все 3 блока съезжают на следующую строку и только потом 2 блок начинает уменьшаться. Буду благодарен за любую помощь, которая поможет приблизиться к данному результату!!! Чтоб наглядно было прикрепляю анимацию того что нужно и того что происходит сейчас. Заранее спасибо!

Вроде решил проблему Какой то хрен в шаблоне для IceTabs прописал: рукалицо .ice-top-sl-candy .ice-navigator, .ice-bottom-sl-candy .ice-navigator { width:9999em !important } наконецто проблема решена... слава богу Еще раз всем спасибо за помощь))!

Блин совсем забыл про мониторы с разрешением меньше моего... тогда проблема не решена

Странно проблема исчезла только в Хроме... Не стал мучится прописал html{overflow-x:hidden} по совету ctpz всем спасибо за отзыв!

.ice-slideshow-candy ul.ice-navigator { padding:0; /* position:relative; */ text-align:center; /* overflow:hidden; */ margin:0 ;} Закоментил позицию и оверлоф и все стало нормально, может кто объяснить почему так? Я вычислил методом тыка но хотелось бы узнать причину такого поведения этих двух команд...

Не пойму из-за чего размер страницы по горизонтали стал огромным, скроллер в шоке... Как будто background установлен на repeat-x или что то подобное, но я не уверен помогите кто поймет или уже встречался с подобным. Нижний скроллер можно крутить очень долго