проблемма с картинкой

[ZiPs]

Здравствуйте!

я создал картинку для сайта и хотелось бы что-б она на разных экранах была одинаковой что-бы не было прокрутки в бок на более меньших экранах!

помогите разобратся в CSS коде для картинки.

Edited July 20, 2010 by ZiPs

[d0ublezer0]

HTML:

<img src="picture.jpg" class="widepic" />

Обратите внимание на отсутствие явно заданных атрибутов width и height

CSS

.widepic {
width:100%;
max-width: 500px; /* тут укажите реальную ширину вашей картинки, чтобы ее не растянуло больше, чем нужно */
}

Таким образом, ваша картинка будет сжиматься/растягиваться по размерам родительского элемента, но не более, чем свой истинный размер.

Edited July 20, 2010 by d0ublezer0

[ZiPs]

большое спасибо!)

[JIucky]

что-бы не было прокрутки в бок на более меньших экранах!

Полоса прокрутки хоть как появится при малых разрешениях! Ориентируйтесь на минимальное разрешение экрана 1024х768 и сайту задавайте:

min-width:1000px;

При разрешение меньше указанного появление полосы неизбежно и это нормальное явление!

Обычно статические картинки не растягивают, а задают им высоту и ширину.

п.с.: можно показать на сайте, так быстрей поймем что Вам нужно. Ведь случаи всякие бывают.

[ZiPs]

сайт gamelive.do.am

Edited July 20, 2010 by ZiPs

[ZiPs]

JIucky, прошу написать мне в ICQ 9691849 есть пара вопросов

[JIucky]

Посмотрел я сайт, проблема видимо в шапке. Картинку в такой вот див нужно взять:

<div style="background:#000; text-align:center;">
  <img width="1000px" height="315px" src="/Image.jpg" alt="Logo"/>
</div>

Картинка большая 1440px по ширине, по тому я специально задал ей разрешение 1000px и выравнивание по центру при больших разрешениях.

Edited July 22, 2010 by JIucky