Требуется разместить картинку большую, чтобы она сжималась пропорционально, вот так Код (Text): <img src="_" width="100%"> Но так как это карта, сжимать сильно нельзя, иначе ничего не увидишь. Можно ли сделать это с полосами прокрутки? чтобы работало, как в этом примере, а эффект был, как в верхнем примере, но с полосой прокрутки Код (Text): <div style="overflow: auto; width: 700px; height: 530px; "><img src="_" a width="1000" height="708" ></div>
Не понятно, что хотите: чтобы картинка растягивалась всегда на 100%, но при этом была прокрутка. Как же она появится, если картинка всегда будет на 100% от контейнера? Сделайте тогда 120%, наверное. Такой эффект нужен Код (Text): <div style="overflow:auto;width:50%;height:30%;"><img src="map.jpg" a width="150%" /></div> ?
А картинке указать реальные размеры в пикселях, если хочется масштабировать. Или размеры не указывать.
Вот у меня так и стоит, реальные размеры картинки 1000х708 и ширина контейнера 700 Т.к. тыкаю, тыкаю, а сделать чтобы ширина контейнера растягивалась на 100% не получается?
Тогда контейнеру нужно указать ширину в 100%. Только картинка будет некрасиво выглядеть в контейнере, если он растянется больше, чем на 1000 пикселей.
Код (Text): <div style="overflow:auto;width:100%;height:530px;"><img src="_" a width="1000" height="708" ></div>
Скорее всего вы просто не видите прокрутки потому, что контейнер получается больше 1000 пикселей в ширину, больше картинки.
Прокрутку я вижу, 100 % не получается. Может, потому, что все в таблице стоит? Код (Text): <table> <tr> <td width="260" rowspan=2> </td> <td> <table width="100%"> <tbody> <tr> <td> </td> <td> </td> <td rowspan="2"> </td> </tr> <tr> <td> </td> <td> </td> </tr> </tbody> </table> <div style="overflow: auto; width: 100%; height: 530px; "><img src="_" a width="1000" height="708" ></div> </td> </tr> <tr> <td colspan=3> </td> </tr> </table>
100% относительно своего контейнера. Если элемент (контейнер к картинке) стоит в ячейке таблицы (другом контейнере), то будет шириной, как у ячейки.
Даже плюнул на ячейки для чистоты, на пустую страницу ставлю эту конструкцию, все равно не отдает 100% Код (Text): <div style="overflow: auto; width: 100%; height: 530px; "><img src="_" a width="1000" height="708" ></div>
Всё равно этот div находится в каком-то контейнере, к которому и подгоняет свою ширину. Можно, ведь, и тегу body указать ширину 500px, тогда и контейнер с картинкой будет не шире 500px.
Да этот div где-то в контейнере . Хорошо, но если на место этого diva я ставлю просто картинку Код (Text): <img src="_" width="100%"> то все нормально, а с div не получается