Уважаемые специалисты, столкнулся с такой проблемой. Оформляю главную страницу сайта, сделал масштабирующуюся рамку с картинкой внутри. Но Эксплорер, в отличии от других браузеров, не хочет все это масштабировать под разрешение экрана. Рамка или картинка отдельно - масштабируются, но после того как я помещаю скрипт масштабирующейся картинки в скрипт рамки - они остаются фиксированного размера. На других браузерах все нормально.
voronsk, 1)У вас допущено немало ошибок при построении кода,это могло спровоцировать проблему. Если рассматривать именно заданную часть то попробовали бы картинку перенести в класс page-background сделав её фоновой. И еще проверил я сайт в ие картинка маштабируется правда при нормальном разрешении(100%) вылезает за пределы сайта расширяя его.
Кирилл, большое спасибо что обратили внимание на мой вопрос! Но к сожалению я не программист, работаю методом народного тыка, ну и немного начитался по верхам. Чуть чуть имею представление о том, чем занимаюсь с сайтом и уверен, что ошибок там достаточно - но эта самая досадная. Не могли бы Вы показать что Вы имеете в виду, как ее внести в этот класс, что и где прописать?
Добавлено (16.11.2012, 10:39) --------------------------------------------- Нашел следующее - для эксплорера нужно приписать в цсс следующе
Картинка, если без рамки теперь масштабируется, но помещена в самый верх сайта, закрывает шапку. И если добавить еще одну - она стает на место первой. Одна беда с этим эксплорером - вот уж где карма плохая реализовалась, так это в IE(
Добавлено (16.11.2012, 13:18) --------------------------------------------- Кирилл, Решение найдено, может кому пригодится.
Кирилл, поспешил я с выводами, рано обрадовался( Помогите, если у Вас есть время и желание мне все же доконать этот IE? дай Бог здоровья его разработчикам, оно им понадобится.
Вот код с главной <body> <div id="page-background"> <div style="background-color: f5f2cf; #border-width:1; border-color: #9696b5; border-style:groove; padding:1px;"> <div style="background-color: f5f2cf; #border-width:3; border-color: #cac6d2; border-style:ridge;padding:0px;"> <div style="border:2px solid #cee8ee;"> екенкенен <img src="http://astro-hirolog.at.ua/Dizain/99.jpg" width="100%" alt="" /> <div class="main"> </div> </div> </div> </div> </div> </body>
В оригинале в (document.getElementsByTagName("body")[0].scrollTop + "px") - но тогда картинка с рамкой уплывает под верх сайта, 100 это я сам поставил. В общем в эксплорере если я добавляю еще такйю же картинку или что то другое на главной - оно попадает под первую картинку. Я понял Ваш код, но не знаю как изменить код на главной чтобы он вызывал картинку из цсс(( Мне всеравно как реализовать, мне бы чтобы картинка масштабировалась во всех браузерах, и чтобы она была в рамке и чтобы внутири можно было текст писать.
Дабы вы могли что то писать на изображении его стоит сделать фоновым,как сделать я написал выше. В ие8 все маштабируется однако из-за того что картинка больше блока каркас съезжает.
Наверно я не так выразился, чтобы текст был над картинкой, не на ней самой. Я пытался задать другое расположение, не абсолютное - но не выходит, и любой отступ кроме нуля смещает картинку с самого верха в нужное место, но она там в абсолютной позиции и это проблема.
На сайте я все время эксперементирую с этим кодом, поэтому у Вас может разные виды показывать.
Можно ли саму рамку перенести в цсс? и как потом вызывать эту конструкцию на главной? Простите, я совсем нулевой когда нужно что то додумать самому, мне нужно на пальцах показывать. Спасибо за потраченное время)
voronsk, Если над картинкой то можно оставить её как есть. По поводу расположения попробуйте убрать его вовсе.Картинка вам нужна в блоке она там и находится. По поводу рамок.
а затем какую то картинку, к примеру вот эту обнести дивами?
<div id="hren"><img src="http://astro-hirolog.at.ua/Dizain/Vverx_2.png" border="0" alt="" /></div> ? Что то не получается.
Если я полностью убираю все из цсс касательно этого элемента - то хром продолжает масштабировать картинку, эксплорер нет, но отображает верно, одна под другой. Если убираю позицию абсолют - тоже самое, если убираю координаты под позицией абсолют - тоже самое. Я думаю эксплорер растягивает картинку до ширины шапки сайта, так как она у меня 1600 в ширину, видимо из за этого - не хочет масштабировать под экран, а масштабирует под ширину шапки.
voronsk, Да все так. А не выходит возможно по двум причинам: 1)В изображении вы обнуляете бордер border="0" 2)У вас в коде была ошибка я когда его копировал не обратил внимание.У вас перед бордером решетка стояла.
По поводу картинки если не получается по нормальному можно использовать иные методы. Можно разбить картинку на 3 части левый край,правый край и наполнитель. После их кодом сложить вместе запретив повтор краям и разрешив его наполнителю. Таким образом картинка будет растягиваться на всю возможную ширину и при этом вес станет меньше.
Теперь каждый блок нужно будет для эксплорера выставлять вручную, и при добавлении новых удлиннять цсс, но это маленькая беда по сравнению с 3 днями потраченными на эту многоголовую гидру!
voronsk, Похвальное рвение)хотя вынужден признать ие умеет доставлять хлопоты... Я кстати в абсолютном расположении разочаровался в своё время при разных разрешениях экрана отчет начинается с одной и той же точки(а при разных разрешениях она будет находится в разных местах) в итоге то что при родном разрешении смотрелось идеально через др комп выглядело ужасно так как картинка была не на том месте и порой перекрывала нужную информацию.
Я смотрел сайт на своем родном 1280/1024 и на 1024/768 - все норм - глянуть осталось на широких форматах. Тут без абсолюта в ие не выходит масштабировать, по крайней мере я не нашел как. А так если и потеряет сайт что то, то только в просмотре через ие, ну так кто им виноват что они через него смотрят))
Добавлено (21.11.2012, 22:48) --------------------------------------------- Лопнуло мое терпение, надоело часами парить мозгии почему в ИЕ все не так как задуманно. Подскажите пожалуйста скрипт, чтобы когда пользователь зашел с ие - появлялась надпись - а там напишу что к нам лучше заходить с других браузеров
Возможно Вы сможете подсказать - как правильно подружить вот эти два скрипта, я перешел на другую таблицу для содержимого сайта, и помню что был момент когда они дружили, но после того как я редактировал текст в ней, обнаружил что она перестала масштабироваться в ИЕ. Что нетак сделал незнаю, уже по всякому пробовал компоновать. В общем, как писал Выше - терпение лопнуло(
voronsk, По поводу запрета вот введи в яндекс там немало решений "Запрет просмотра страницы в IE" Если все же хочешь оставить,то во первых задумайся так ли твоим посетителям нужно это масштабирование. И если ответ да попробуй использовать условный оператор для браузера ие и установить для него спец параметры.
Кирилл, я понял о чем Вы. сейчас я использую такой момент - <!--[if lte IE 9]><script src="http://phpbbex.com/oldies/oldies.js" charset="utf-8"></script><![endif]--> тоесть в ие вылазит сообщение о обновлении. Так же подключил скрипт с аякс окном, которое сообщает о том что ие не поддерживается.
Как прописать вот эту функцию - <!--[if lte IE 9]><![endif]--> чтобы ею обнести все то что ие видеть не будет? так как эта служит для того чтобы как раз только он и видел. Я бы под ие сделал попроще да и все. Тоесть все то, что есть сейчас скрыть для ие а с помощью <!--[if lte IE 9]><![endif]--> написать чуть подругому.
Закладки создаются при помощи "куков" которые хранятся в вашем браузере 30 дней, если жи вы почистили куки в своем браузере то закладки исчезнут. отображаются только 5 последних закладок, предыдущие удаляются по мере обновления списка. Вы можете любую не нужную закладку удалить нажатием X на против ссылки. Бывает что запись кука пролетает, но это уже ошибки браузера и его записей. Если при обновление страницы выводится ошибка 400 то что бы исправить необходимо удалить все куки браузера Если вы заметили ошибки то сообщайте администратору.