k0sm0s
-
Posts
16 -
Joined
-
Last visited
k0sm0s's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо за направление куда копать.
-
Да, отключение свойства height: 100%; за исключением того, что перестает работать центрирование горизонтальное. А не подскажиет почему именно перестал этот метод горизонтального центрирования и чем, более соответсвующим стандартам, его можно заменить?
-
Подозреваю что перестал "работать" вот этот метод центирования: .wrapper { /* set the height of the element which contains what you want to center */ height: 100%; /* these styles are optional, to set width horizontally center the page */ max-width: 100%; margin: 0 auto; } .wrapper:before, .containerToCenter { /* these are the important styles for the centered element: */ display: inline-block; vertical-align: middle; } .containerToCenter { width: 100%;}.wrapper:before { /* this is the important part */ content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; /* this just takes care of whitespace added by having display:inline-block (there are other methods) */ ; }
-
Заранее прошу прощения за возможно некомпетентный вопрос. Но суть в следующем. Примерно год назад сверстал пару страниц, все отображалось идеально, как и планировал. Проверил их недавно, вся верстка "полезла", при этому изменения никакие не вносились. Ни один ресурс не подгружается ни от куда извне. Я смог найти только одно логическое объяснение - за прошедшее время, обновились движки браузеров в каком-то принципиальном моменте. Хотел узнать у более опытных колег, возможно ли такое, и если да, то что за последние месяцы могло измениться, в сторону каких CSS свойств стоит смотреть? Заранее благодарен за любую помощь.
-
Проблема с позиционирование и font-family: sans-serif на iOS
k0sm0s replied to k0sm0s's question in HTML Coding
Странно А что странного, ты проверял свой код то браузере? Если хочешь можешь залит в сеть свой вариант, я пришлю тебе скриншот. -
Проблема с позиционирование и font-family: sans-serif на iOS
k0sm0s replied to k0sm0s's question in HTML Coding
1. В хроме у меня работает мой вариант (первоначальный) это подтверждает не только собственно мой браузер, но и сервисы для тестирования, он и в эмуляторе iPhone работает. 2. Да, меню с шириной и высотой 100%. 3. Мне не нужен фон страницы, у меню есть куча своих фонов, для их эмуляции и используется цвет элемента nav. 4. Предложенный тобой вариант не работает в Google Chrome и тем более на iPhone. -
Проблема с позиционирование и font-family: sans-serif на iOS
k0sm0s replied to k0sm0s's question in HTML Coding
1. В каком браузере у тебя не работает приведенный мной оригинальный код? 2. Что ты поменял относительно оригинального кода? 3. Не понимаю какое отношение способ задачи цвета элемента nav имеет к сути проблемы. 4. nav там нужен, потому, что тест сделан на основе кода реальной страницы, где внутри nav реализовано меню, поверх которого отображается надпись. -
Проблема с позиционирование и font-family: sans-serif на iOS
k0sm0s replied to k0sm0s's question in HTML Coding
Думаю проблема чуть глубже, поскольку не отображается, а вернее я подозреваю не правильно позиционируется только h1. Текст внутри nav отлично отображается в нужным шрифтом. Такая же ситуация наблюдается если использовать гугловский Open Sans. -
Проблема с позиционирование и font-family: sans-serif на iOS
k0sm0s posted a question in HTML Coding
Пытаюсь разместить заголовок по центру страницы. Приведенный ниже код отлично работает во всех браузерах, кроме iPhone. Но самое парадоксальное, что если поменять font-family: times; то заработает и на iPhone. <html><head> <style> html { font-family: sans-serif; } header, .mainHeader { width: 100%; height: 100%; } .mainHeader { position: fixed; z-index: 100%; } .wrapper { height: 100%; max-width: 100%; margin: 0 auto; } .wrapper:before, .containerToCenter { display: inline-block; vertical-align: middle; } .containerToCenter { width: 100%; } .wrapper:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; ; } h1 { width: 100%; text-align: center; z-index: 2; } nav { width: 100%; height: 100%; background-color: green; } </style></head><body> <header> <div class="mainHeader"> <div class="wrapper"> <!-- element to center --> <div class="containerToCenter"> <h1>Hello World</h1> </div> </div> </div> <nav> test!!! </nav> </header></body></html>Подскажите в чем может быть дело. Теряюсь в догадках. -
Да именно такое. И в принципе уже получил. Но все равно спасибо за пример. Видимо я из-за неопытности в своей верске-то где-то докупистил ошибку, из-за которой подобная схема не работала.
-
Проблема в том, что с картами не так просто их перекрыть чем угодно и как угодно. Суть впороса как раз и состояла в том, что стадартные подходы z-index-ами не подходили, так как карты постоянно "вылазили" на пердний план игнорируя указаные для них стили. Как оказалось при детальнои изучении вопроса в сети, пробелма известаная, и действительно не всегда удается расположить объекты над картами.
-
Единственный работающий варинат выглядит следующим образом: <style> #wrapper { position: relative; } #over_map { position: absolute; top: 10px; left: 10px; z-index: 99; } </style> <div id="wrapper"> <div id="google_map"> </div> <div id="over_map"> </div> </div> Но под него прийдется менять верску. Логотип прийдется переместить в не логичную часть документа. И как мне кажется такое решение не очень согласуется с использованием фреймворка 960.gs, стройная до того структура документа, явно нарушается.
-
Прочитал все что там есть, и ни слова там нету о перекрытии. Пример приведенный вами тоже не работает. Ни какими способами ни z-index-ом, ни выравниваниями хитырми не получается расположить никакой внешний элемент поверх карты Google. Так что ссылка не очень помогла. И такой способ страивания карты тоже особых выгод не дал.
-
Огромное спасибо, за направление куда копать. Дальше уже сам разберусь.
-
Google вроде выдает код для вставки именно в таком формате, я не нашел в интерфейсе как его поменять на какой-то другйо варинат к примеру с объектом вместо iframe. Если вы знаете как это можно сделать, буду рад узнать это.