Вставка iframe на сайт с динамическими параметрами ширины - Joomla 2.5: Общие вопросы

Друзья, нужна помощь!

Сейчас оптимизирую свой сайт под мобильные устройства. В целом все получается, кроме вставленных iframe. На мобильных устройствах  iframe вылезают за края экрана ( в теге указана ширина, как 90%).

Мне подсказали, что нужно копать в сторону:

в index.html
В CSS

Но я не могу понять, где все это прописывать.. в темплейт\шаблон\index.html  или index.php ??   И в каком из CSS прописывать тоже не могу разобраться...

Вот сайт, если имеет значение:

друзья в удивлении: как вы так оптимизируете, если не знаете, куда CSS прописывать?
вам нужно добавить блок в стили сайта (файлы .css)
прочитайте про css @media
из вашего кода универсальным и полезным видится только вот это
overflow: hidden;

друзья в удивлении: как вы так оптимизируете, если не знаете, куда CSS прописывать?
вам нужно добавить блок в стили сайта (файлы .css)
прочитайте про css @media
из вашего кода универсальным и полезным видится только вот это
overflow: hidden;

Я уже года 3 не лазил в CSS и прочии дебри сайта)) Сейас понял, что нужно доделать, то что не доделал раньше.. И сейчас напрочь не могу понять, где все прописывать... и главное как..

ну так вы могли просто дать ссылку на проблемную страницу и вам бы все написали.
но вы как-то очень издалека заходите. 

ну так вы могли просто дать ссылку на проблемную страницу и вам бы все написали.
но вы как-то очень издалека заходите. 

Так в первом сообщении в самом низу ссылка на сайт.. там с заглавнйо все и начинается)
virtualplace.ru

в template.css

если нужно только для мобильного размера включать - обернуть в нужное @media

Код

#OverlayContainer, #container1 {
    width: 100% !important;
}

в template.css

если нужно только для мобильного размера включать - обернуть в нужное @media

т.е. мне нужно этот код вставить в template.css и все?

я понимаю, что это разочаровывает.
но можете час попрыгать с бубном и попризывать бога адаптивности 

протестировать надо, может где-то на других страницах есть ещё блоки с распорками.

я понимаю, что это разочаровывает.
но можете час попрыгать с бубном и попризывать бога адаптивности 

протестировать надо, может где-то на других страницах есть ещё блоки с распорками.

Я просто далек  от работы с кодом, увы... Я в конце template.css вставил этот код, но увы он не привел ни к каким последствиям.

увы, привел 
ctrl+f5 - очистка кэша браузера. и перегрузить страницу.

увы, привел 
ctrl+f5 - очистка кэша браузера. и перегрузить страницу.

К моему величайшему счастью ))) теперь заглавный слайд и слайд вставленый в сраницу работают как я и хотел))  Но есть проблема с iframe которые вставленые, как  pop-up окно.. на них не повлияло (

ну там у вас все плохо.
где-то вообще Flash используется, которого уже нет на многих девайсах.


типа этого хватит для прохождения теста на мобильность от гуглояндексов, а вот внутренние библиотеки оптимизировать и содержимое окон - уже ваша работа.

ну там у вас все плохо.
где-то вообще Flash используется, которого уже нет на многих девайсах.

Код

@media (max-width: 767px) {
#bd {  overflow-x: hidden !important;}

.MultiBoxContainer {
    width: 90% !important;
}
}

типа этого хватит для прохождения теста на мобильность от гуглояндексов, а вот внутренние библиотеки оптимизировать и содержимое окон - уже ваша работа.

Спасибо. Буду пробовать.  Flash есть в некотором количестве, увы это старые работы, а новых пока в данном направлении нет, чтобы сделать их на html5.  В любом случае спасибо за помощь )