seodata

seodata
Рейтинг
72
Регистрация
04.03.2013
Должность
веб-мастер
Проекты только для людей.
Dram:
Захожу с Айпада - и обычная версия мне нравится больше чем мобильная. Переход на обычную с мобильной (если смотреть с айпада) идет через ссылку /?ismobile=0

Оставив в шаблоне только include_once(dirname(__FILE__).DS.'libs'.DS.'layouts'.DS.'default.php');
при просмотре через айпад не работает слайдшоу и верхнее меню теряет стиль, но если тут же посмотреть через сайт.ру/?ismobile=0 то все становится нормально.

Как вы правильно догадались, /?ismobile=0 отключает стили и скрипты для мобильных устройств.

А они могут быть важны. То же слайдшоу вполне может не работать на айпаде из-за встроенных системных событий. Точнее ситуацию обрисовать не могу, не увидев сайт. Просто для примера: стандартный jQuery UI drag&drop на планшетах не работает, т.к. таскать объекты можно только пальцем, а движение по экрану пальцем - это системное событие планшета, и drag&drop он игнорирует. Конечно, можно попробовать сделать ход конем и прописать сайт.ру/?ismobile=1, возможно, загрузится мобильная версия и вы сможете посмотреть, какие скрипты и библиотеки там используются. Тогда их можно будет безболезненно перенести в JavaScript условие и подгружать только на планшете с сохранением десктопного дизайна.

Словом, давайте ссылку на сайт, посмотрим.

mark2011:
seodata,
Выложил, гораздо лучше стало, но всё равно футер непрозрачный, как так-то?....хотя opacity задал.

Так, давайте уточним: конечный вид подвала какой должен быть?

mark2011:
Dimmmetrio,
У меня в content_right - женщина фоновая. Если её фоном контента сделать, то в content_right нечего вообще будет запесочивать. А из-за этого появится прозрачность у подвала?

Прозрачность у подвала из-за правила

opacity: 0.6;

Т.е. прозрачность 60% (style.css, строка 351). А у вас и без того фон полупрозрачный.

1. Тег body.

Напишите в CSS (style.css, строки 26, 44) так:

body {height:100%;} /* 100% вместо auto, а min-height уберите, он не нужен */

.container {min-height:100%; clear:both; overflow:hidden;}

Зеленая обводка станет такой, какой должна быть.

2. Подвал

Я так понял, он должен залазить на фотку девушки. В style.css на строке 351 дописываем

.footer_shadow {

width: 100%;

margin-top:-200px;

}

Хотя верстка не совсем прочная.

Это Magento. Об аналогах судить не возьмусь: не моя стихия.

eis:
WebJunior, ie не понимает :hover кроме как для ссылок ☝

Да давно уже понимает. ИЕ6 не понимал, это правда. Но с 7 все нормально, если слово "нормально" и ИЕ вообще можно ставить в одном предложении :)

Народ, не паримся, через несколько недель Опера переходит на движок webkit (Хром). Всем проблемам в этом браузере осталось жить очень недолго.

<body>

<div id="banner"></div>

<script>

<!--

var banners = ["1.gif", "2.gif", "3.gif"];

var rInt = Math.floor(banners.length - banners.length * Math.random());

var banner = banners[rInt];

var q = document.getElementById('banner').innerHTML = "<a href=\"http://www.www.ru\"><img src='" + banner + "'></a>";

-->

</script>

</body>

Но это создаст один УРЛ для всех баннеров.

alegor:
у rbc по другому реализовано. не могу понять как. min width почему то не работает!

Ну, min-width задаст вам минимальную ширину, а не максимальную.

У РБК принцип резиновой верстки, поэтому там все гут (ужимается до 980 пикселей без скролла).

Используйте CSS3 Media Queries, точно поможет.

Ayavryk:
Можно сэкономить три байта и несколько милисекунд на парсинге :)

Это да ☝

Всего: 97