Jump to content

MageMerlin

Newbie
  • Posts

    13
  • Joined

  • Last visited

Everything posted by MageMerlin

  1. Все, спасибо, разобрался. Указал так <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 применялись для андроида (согласно документации, если он не указан - то параметры не применяются). Ну и вообще его всегда надо разрешать, а то мало ли При лэндскейп развороте оно не увеличивает, а резинит
  2. Всем добрый день. Следующая проблема: Верстаю сайт http://bitportal.mobi/ под моб устройства. Указываю тег <meta name="viewport" content="width=480, target-densitydpi=device-dpi">и на андроиде 480*800 все работает ок, а на айфоне (тестировал в сафари на iPod touch 4gen) - сайт зазумленный. На сколько я смог нагуглить - проблема в том, что у айфона Но вот что делать с проблемой - нагуглить не смог Плиз помогите, как заставить айфоновский сафари отображать без зума страничку
  3. Спасибо, отлично работает. Подскажите пожалуйста, ка квы высчитали -381px? Что это за цифра?
  4. Это я в принципе догадался. Просто я не совсем понимаю, как решить вопрос без применения отрицательных маргинов в данном случае.
  5. Добрый день. Есть такой сайт - 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> Пожалуйста, подскажите как это вылечить и собственно в чем проблема.
  6. Добрый день. Страничка http://conceptart.com.ua/test3/ В файерфоксе все ОК, в опере последней - общий фон не скроллится вместе с текстом, принудительное scroll в CSS не помогло. При этом естественно фон верхний (с белым пятном) при скроллинге уходит. Некрасивая такая штукенция получается... Помогите плиз, в чем косяк, почему FF все хавает правильно, а опера - нет.
  7. Ну, на 1920 можно и забить, не атк уж часто встречается. Потом над ним думать буду. Белое пятно отдельно и фон отдельно нельзя, потому что в макете это белое пятно - не отдельный слой, а шейп-эффект, он без самой подложки теряет смысл. Как-то так, короче вырезать именно пятно как ПНГ с эффектом прозрачности не получается. Поэтому принял решение вытаскивать этот огромный полуметровый фон. Потом попробую оптимизировать. .container имеет фиксированные размеры под 1024 на 768 экран за минусом панелек, на него фон нет смысла вешать - фон должен быть и на 1680*1050. Если же вырезать кусок - не попаду в стык. Да и тут собственно уже появился спортивный интерес - какого черта не работает то, что работать должно.
  8. Ссылка Ваш вариант вобщем-то то же самое. К сожалению, не помогло. Мейби баг?
  9. Добрый день. Помогите пожалуйста. Задача - у меня есть фон 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 килобайт Там вверху видно беловатое такое пятно - оно должно быть по центру. Красная рамка - это активное место с текстом, не обращайте внимания.
  10. Яваскрипт не катит, хочется решения построенного на CSS | HTML
  11. Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;
  12. А, понял. Спасибо. Действительно, видел эту картину но почему-то не сообразил.
  13. Добрый день. Вот такая трабла возникла. Макет состоит из двух столбцов. Нужно, чтобы технически правый столбец реально в коде шел первым. Сделал его с 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; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy