резиновые изображения

[cyklop77]

помогите пожалуйста вставить в блок резиновое изображение 100%-ой длины с бордером в 2px так чтобы оно не выходило за границу блока

например на этой странице я попробовал реализовать сказанное для картинок блока .photo_stock . в результате у меня появился бордер для блока .img_outer (хотя для блока никаких правил не прописывал)

должно получиться так

[USF]

Между блоками ссылки плавающие. Нужно за ними подчищать

.photop_stock .img_outer {
clear: both;
}

[cyklop77]

спасибо помогло. а попроще нет решения? 3 вложенных блока это всё таки не есть хорошо и правильно...

[USF]

конечно. я, откровенно говоря, не пойму, зачем там столько вложенных. Вот картинка у вас в 2 вложена. Зачем? Можно 1 использовать. А если рамку добавлять не div'у а img, то еще от 1го вложения можно избавиться

[cyklop77]

конечно. я, откровенно говоря, не пойму, зачем там столько вложенных. Вот картинка у вас в 2 вложена. Зачем? Можно 1 использовать. А если рамку добавлять не div'у а img, то еще от 1го вложения можно избавиться

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

[USF]

Так у вас картинку оборачивает div. Я про границу на img говорил в случае если убрать img_outer. А так можете на внешний блок ставить границу.

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