Пара вопросов по верстке

A
На сайте с 20.08.2010
Offline
775
421

Есть древний шаб, который был попилен множество раз. Такая проблема: в настольных браузерах все нормально, а вот в мобильном едет верстка. Вернее, не то, что бы едет, но верхний блок, в котором расположено само меню, с одной стороны прилично не доходит до края, хотя сам по себе он должен растягиваться во всю ширину экрана, как в обычном браузере. Искал ответы на форумах, ничего не помогло.

И второй вопрос. Есть элемент, который нужно добавить рядом с тайтлом. Проблема в том, что в лисе все норм - буквы на него не заходят, в то время как в хроме буквы уходят под данный элемент. Что необходимо добавить, что бы бы буквы игнорировали элемент?

Спасибо.

R
На сайте с 18.12.2009
Offline
92
#1

Укажите ссылку на сайт, пожалуйста. Все индивидуально же, нужно смотреть.

iqmaker
На сайте с 17.04.2012
Offline
342
#2

По первому пункту попробуйте добавить на страницу:

<meta name="viewport" content="width=device-width, initial-scale=0.7">

По второму не совсем понял, но попробуйте z-index, или overflow: hidden.

A
На сайте с 20.08.2010
Offline
775
#3
rerighter:
Укажите ссылку на сайт, пожалуйста. Все индивидуально же, нужно смотреть.

Не могу такой шаб найти. Ну да неважно. По первому пример: http://wp-themes.com/virtue/?TB_iframe=true&width=1793&height=819. Верхний синий элемент (там, где поиск) не до конца растягивается в мобильной версии, справа остается небольшой кусочек. Правда, я когда-то тело шаба немного растянул.

Пример по второму: http://www.wpfinder.com/10103/standstone-wordpress-theme-free-wordpress-theme-2/. Там есть элемент для комментариев. Так вот в хроме на него заходит текст из тайтла, вернее, под него, в лисе такой проблемы.

iqmaker:
По первому пункту попробуйте добавить на страницу:
<meta name="viewport" content="width=device-width, initial-scale=0.7">

По второму не совсем понял, но попробуйте z-index, или overflow: hidden.

В выходные посмотрю, спасибо.

A
На сайте с 20.08.2010
Offline
775
#4
iqmaker:
По первому пункту попробуйте добавить на страницу:
<meta name="viewport" content="width=device-width, initial-scale=0.7">

Таки-да, помогло, но пришлось прописать фиксированную ширину, потому что на смартах все было нормально, а на планшете сайт уменьшался во много раз и нужно тапать для его увеличения. Спасибо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий