D.iK.iJ

D.iK.iJ
Рейтинг
239
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
tommy-gung:
похоже, что вместе с таблицей они не знают, как себя вести.

изображение растягивает таблицу (при уменьшении ширины), и, соответственно, не уменьшается само

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

tommy-gung:
у меня работает

Зайдите и восхититесь: http://dikij.com/test.php

Код

<table border="1" width="100%"><tr><td>
<img style="max-width: 100%;" src="http://dikij.com/foto/661.jpg">
</td></tr></table>

max-width не работает в Firefox и IE 11 для изображений. И буду рад, если кто-то знает другое решение :)

Большинство современных браузеров вполне корректно понимают max-width: 100% и уменьшают изображение, если оно не помещается в контейнер. С IE 11 и Firefox такого не происходит. По какой-то причине эти браузеры считают, что max-width: 100% относится к истинной ширине изображения, а не к ширине в контейнере.

Решение довольно простое: Мы дополнительно задаем изображению width: 100% (не забываем про height: auto).

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

Если у разных картинок нет разных классов, иногда можно воспользоваться медиа запросами и CSS селекторами.

Например: img[src$="-560.jpg"] {width: 100% !important; height: auto !important;}

Есть еще одно нудное и долгое решение.

Указывать каждому изображению width: 100%; height: auto; max-width: 800px; max-height: 600px;

Где 800 и 600 я указал просто для примера. Тут max-height больше всего нужен для IE 11. Там все будет работать корректно только в том случае, если на сайте указан доктайп.

Вот по этой причине всгда рекламу ставлю в ноиндекс. Мало ли :)

Для картинок поможет: img {max-width: 100% !important; height: auto !important;}

Но не на 100% кроссбраузерно. Для остальных нужно прописывать либо размер картинки как max-width, а width: 100%, либо - ширину указать 100% при определенной ширине экрана.

Такое чувство, что Вебмани хотят, чтобы люди больше денег хранили в Вебмани, а не выводили. :)

Написать техподдержке Яндекса?

А пока проверить сайт на левые ссылки входящие / исходящие. Вдруг конкуренты балуются.

У начинающих авторов есть 2 болезни. ОНАзм и ВЫДЕЛЕНИЕ жирным и курсивом. :)

Но это про авторов, а не про сео.

Там еще ширину нужно жестко задать в пикселях. И лучше для <div> вокруг таблицы.

Еще можно сделать TD инлайн-блоками или блоками и перенести на новую строку.

garik77:
Денис, ты того, давай больше не болей... И дай Бог тебе здоровья и удачи. Береги себя, помни, что у тебя есть жена, ребёнок и ты перед ними в ответе.

Полностью поддерживаю!

P.S. Но я бы еще и ник сменил. Ну, чтоб наверняка. :)

Всего: 2928