Почему в диве с определённой шириной широкие изображения автоматически не ужимаются?

[Serg55]

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

[Golgi]

а по пробуй задать width='100%'

Изображению, естественно)

Edited June 29, 2011 by Golgi

[Softlink]

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

странная у вас логика. А почему телевизор не ужимается, когда мы его засовываем в рюкзак? Он же в рюкзаке, значит сам должен ужаться, без никаких дополнительных действий.

[psywalker]

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

А ты зачем ему размер задаёшь? Поставь своему диву максималку 1000пк и будет тебе счастье.

странная у вас логика. А почему телевизор не ужимается, когда мы его засовываем в рюкзак? Он же в рюкзаке, значит сам должен ужаться, без никаких дополнительных действий.

:D

[mishka]

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

А ты зачем ему размер задаёшь? Поставь своему диву максималку 1000пк и будет тебе счастье.

И что в данном случае даст эта максималка? Или очередная попытка ответа наобум?

ТС картинке нужно задать ширину 100%, тогда она будет растягиваться по ширине родителя.

[Serg55]

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

А ты зачем ему размер задаёшь? Поставь своему диву максималку 1000пк и будет тебе счастье.

И что в данном случае даст эта максималка? Или очередная попытка ответа наобум?

ТС картинке нужно задать ширину 100%, тогда она будет растягиваться по ширине родителя.

Да, видз 100% для картинки помогло.

И всё же, объясните мне саму идеологию. Если я что-то вставляю в див с определённой шириной, то разве это не значит, что оно должно АВТОМАТИЧЕСКИ ужиматься? Я не понимаю самой идеологии.

Раз я в коде вставил в див определённой ширины что-то, то уже сам браузер должен сообразить, что то, что я вставил, нужно ужать, чтобы оно не вылазило за рамки? Или мои рассуждения содержат логическую ошибку?

Edited June 30, 2011 by Serg55

[mishka]

Картинка всегда показывается без масштабирования, если ей не задать размеры.

Это внутренние блочные элементы будут занимать ширину 100% родителя.

[psywalker]

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

А ты зачем ему размер задаёшь? Поставь своему диву максималку 1000пк и будет тебе счастье.

И что в данном случае даст эта максималка? Или очередная попытка ответа наобум?

Слушай, подкольщик, ты вообще задачу читал сам или нет???

Я предложил максималку, потому что ТС-у нужно было чтобы она:

1) Влазила в контейнер, если что.

2) Чтобы если она ВНЕ контейнера - то не привышала 1000пк в ширину.

Уловил?

[Softlink]

Слушай, подкольщик, ты вообще задачу читал сам или нет???

Я предложил максималку, потому что ТС-у нужно было чтобы она:

1) Влазила в контейнер, если что.

2) Чтобы если она ВНЕ контейнера - то не привышала 1000пк в ширину.

Уловил?

Макс, по-моему mishka здесь был прав. Задача все-таки уместить картинку в 500px И ТС об этом написал. Только он думал, что без выставления width и так все заработает.

[amelice]

И всё же, объясните мне саму идеологию. Если я что-то вставляю в див с определённой шириной, то разве это не значит, что оно должно АВТОМАТИЧЕСКИ ужиматься?

Я не понимаю самой идеологии.

если внутренний блок по ширине или по высоте больше своего родителя, то происходит - переполнение (overflow).

так как overflow по умолчанию имеет значение - visible, то внутренний элемент перекроет внешний.

а если поставить hidden, вылезшая часть скроется.

Это значит, что браузер не будет ужимать, а просто будет скрывать или показывать переполнение.

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

[psywalker]

Слушай, подкольщик, ты вообще задачу читал сам или нет???

Я предложил максималку, потому что ТС-у нужно было чтобы она:

1) Влазила в контейнер, если что.

2) Чтобы если она ВНЕ контейнера - то не привышала 1000пк в ширину.

Уловил?

Макс, по-моему mishka здесь был прав. Задача все-таки уместить картинку в 500px И ТС об этом написал. Только он думал, что без выставления width и так все заработает.

Да, согласен, погорячился. А этот вопрос мы с Мишкой уже выяснили в приватной беседе