изображение не изменяется при изменении размера окна браузера - вызвано абсолютной позицией?

Question

изображение не изменяется при изменении размера окна браузера - вызвано абсолютной позицией?

0

Ive получил сайт с бок о бок divs, один из которых является абсолютным позиционированием. Абсолютный позиционированный div является навигационной областью и как таковой установлен, чтобы оставаться неподвижным в прокрутке (вы можете увидеть его здесь: evanbeltran.com).

Однако, когда вы нажимаете на страницу с изображением, если окно браузера слишком мало, изображение заканчивается под навигационным div. Ive пробовал максимальную ширину и высоту css, но они не делают ничего, независимо от того, где я их разместил. Какой идентификатор - это выяснить, как получить изображения в не-абсолютном позиционированном div для изменения размера. Вы можете проверить, что я имею в виду здесь: http://evanbeltran.com/portsites/vansspace.html

Спасибо за любую помощь.

user3400011 18 апр. 2014, в 19:43

Источник

Теги:

jquery

html

css

1 ответ

Ещё вопросы

jhummel · Answer 1 · 2014-04-18T15-45-00.000Z

Попробуй это:

// Remove the width and margin-right from #content2 then add:

#content2 {
  padding-left: 250px;
}

// Remove the margin-left from .image so it looks like this:
.image {
  width: 100%;
  list-style: none;
  margin: 0 auto;
  margin-top: -130px;
  padding: 10px;
}

// set a max width on your image
.padder {
  padding-bottom: 25px;
  max-width: 100%;
}