MageMerlin
Newbie-
Posts
13 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by MageMerlin
-
Проблема - Мобильная верстка, viewport, iPhone
MageMerlin replied to MageMerlin's question in HTML Coding
Все, спасибо, разобрался. Указал так <meta name="viewport" content="width=480px, initial-scale=0.65, minimum-scale=0.65,maximum-scale=0.65, user-scalable=yes" />Первый параметр - согласно макету исходному (его ширина) 2, 3 и 4 - подобрал методом тыка чтобы масштабировалось на айфоне корректно 5 - чтобы параметры 2-4 применялись для андроида (согласно документации, если он не указан - то параметры не применяются). Ну и вообще его всегда надо разрешать, а то мало ли При лэндскейп развороте оно не увеличивает, а резинит -
Всем добрый день. Следующая проблема: Верстаю сайт http://bitportal.mobi/ под моб устройства. Указываю тег <meta name="viewport" content="width=480, target-densitydpi=device-dpi">и на андроиде 480*800 все работает ок, а на айфоне (тестировал в сафари на iPod touch 4gen) - сайт зазумленный. На сколько я смог нагуглить - проблема в том, что у айфона Но вот что делать с проблемой - нагуглить не смог Плиз помогите, как заставить айфоновский сафари отображать без зума страничку
-
Спасибо, отлично работает. Подскажите пожалуйста, ка квы высчитали -381px? Что это за цифра?
-
Это я в принципе догадался. Просто я не совсем понимаю, как решить вопрос без применения отрицательных маргинов в данном случае.
-
Добрый день. Есть такой сайт - http://arlite.dn.ua Во всех браузерах отображается нормально, в Хроме - косяки. Косяки в тех местах, где применялося отрицательный margin. Конкретно это 1) логотип на всех страницах (должен быть слева, по факту в центре) 2) на странице http://arlite.dn.ua/rus/aboutus/awards/certificates/ все меню. Конкретный кусок кода, использовавшийся в логотипе .head-container { height:705px; width:100%; background-color:#D2E4CA; } .head { width:1000px; height:705px; background: url('img/arlite-plant.jpg') no-repeat center; } .logo-container { width:280px; height:130px; margin-left:-750px; /* <———— Проблема здесь */ } <div class="head-container" align="center"> <div class="head" align="center"> <div class="logo-container" align="right"> <a href="/"><img src="/img/logo.png" class="logo"></a><BR> <span class="phone">+38 (062) 332-84-20</span><BR> <span class="phone">+7 (351) 247-36-75</span><BR> <a href="/rus/aboutus/partners/" class="regions">Наши представительства</a> </div> </div> </div> Пожалуйста, подскажите как это вылечить и собственно в чем проблема.
-
Добрый день. Страничка http://conceptart.com.ua/test3/ В файерфоксе все ОК, в опере последней - общий фон не скроллится вместе с текстом, принудительное scroll в CSS не помогло. При этом естественно фон верхний (с белым пятном) при скроллинге уходит. Некрасивая такая штукенция получается... Помогите плиз, в чем косяк, почему FF все хавает правильно, а опера - нет.
-
Background-position:center center; проблема с большим фоном
MageMerlin replied to MageMerlin's question in HTML Coding
Ну, на 1920 можно и забить, не атк уж часто встречается. Потом над ним думать буду. Белое пятно отдельно и фон отдельно нельзя, потому что в макете это белое пятно - не отдельный слой, а шейп-эффект, он без самой подложки теряет смысл. Как-то так, короче вырезать именно пятно как ПНГ с эффектом прозрачности не получается. Поэтому принял решение вытаскивать этот огромный полуметровый фон. Потом попробую оптимизировать. .container имеет фиксированные размеры под 1024 на 768 экран за минусом панелек, на него фон нет смысла вешать - фон должен быть и на 1680*1050. Если же вырезать кусок - не попаду в стык. Да и тут собственно уже появился спортивный интерес - какого черта не работает то, что работать должно. -
Background-position:center center; проблема с большим фоном
MageMerlin replied to MageMerlin's question in HTML Coding
Ссылка Ваш вариант вобщем-то то же самое. К сожалению, не помогло. Мейби баг? -
Background-position:center center; проблема с большим фоном
MageMerlin posted a question in HTML Coding
Добрый день. Помогите пожалуйста. Задача - у меня есть фон 1700 на 1200 и его нужно отобразить на странице так, чтобы центр фона всегда был в центре экрана. Я прописываю Background-position:center center; background-image: url('img/bg.png'); background-repeat: no-repeat; И вместо ожидаемого эффекта наблюдаю, что центральная горизонтальная осевая линия фона является пристугнутой к самому верху страницы (при этом верхняя половина фона обрезана). Что я делаю не так и как правильно сделать? Разрешения нужны любые, браузер тоже в принципе любой, наблюдается в firefox 3.5.5 проблема. Картинка с ошибкой http://s45.radikal.ru/i109/0912/a0/a05917aaea0c.jpg 300 килобайт Там вверху видно беловатое такое пятно - оно должно быть по центру. Красная рамка - это активное место с текстом, не обращайте внимания. -
Центрирование на экране фиксированного элемента
MageMerlin replied to MageMerlin's question in HTML Coding
Яваскрипт не катит, хочется решения построенного на CSS | HTML -
Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;
-
А, понял. Спасибо. Действительно, видел эту картину но почему-то не сообразил.
-
Добрый день. Вот такая трабла возникла. Макет состоит из двух столбцов. Нужно, чтобы технически правый столбец реально в коде шел первым. Сделал его с float=right. После этого в опере и ФФ перестали работать ссылки, расположенные в этом блоке. Тоесть не нажимаются. Страничка находится здесь http://tour.topotels.com/gallery.html Класс правого столбца .content { text-align:left; float:right; width:600px; position:relative; display:inline; margin:0px; padding:0px; padding-right:25px; }