Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 12.06.2014, 00:00   #1
 
Аватар для IvanovaYu
 
Сообщений: 101
FR (активность): 3,021

Доп. информация
По умолчанию Автор темы Автоподстраивание под разрешение экрана. Сайт на WP, 2 колонки.

Здравствуйте! Сайт на WP, 2 колонки. На больших и обычных разрешениях выглядит отлично, сам подстраивается, меняет размеры колонок,картинок,шрифтов. Но на экранах планшетов и телефонов - беда. Как таковая левая колонка остается и занимает полэкрана, но ее содержимое исчезает. В итоге половина экрана с нужной статьей, а вторая половина - просто пустая. В каком направлении искать ошибку,подскажите, пожалуйста
IvanovaYu вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 12.06.2014, 00:05   #2
 
Аватар для Boomer.0818
 
Сообщений: 102
FR (активность): 2,116

Доп. информация
По умолчанию

@IvanovaYu, Скорее всего, в направлении CSS. Покажите сайт, здесь тыжпрограммистов нету.
Boomer.0818 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
IvanovaYu (12.06.2014)
Старый 12.06.2014, 17:48   #3
 
Аватар для IvanovaYu
 
Сообщений: 101
FR (активность): 3,021

Доп. информация
По умолчанию Автор темы

Здравствуйте, спасибо за ответ! Вот сайт http://detieduarda.ru/
Открывайте любую статью, увеличиваете экран в несколько раз - там уже видна суть проблемы. На маленьких разрешениях тоже самое происходит с ним. Только я перепутала с колонками: пропадает правая, а не левая=)
Сюда же вопрос тоже. Добавляю видео в статью, а его размер вообще не меняется на разных расширениях. Там в статье про купальники для полных есть видео. Пробовала вписывать в коде размер видео в процентах - меняется только ширина, а высота никак не реагирует на изменения в коде(
IvanovaYu вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 12.06.2014, 20:12   #4
 
Аватар для Boomer.0818
 
Сообщений: 102
FR (активность): 2,116

Доп. информация
По умолчанию

У вас тема сверстана как то странно. В файле responsive-me.css по идее прописаны стили для адаптивного дизайна и в нем прописан класс .mainshell-sidebar {display:none}, из-за которого и пропадает правая колонка. Но если убрать этот стиль, то пропадает левая колонка. Плюс классу .responsive-sidebar-wrapper прописана минимальная ширина в 260 пикселей, что тоже глупо. В общем если понимаете в css, то попробуйте поколдовать с этими классами.
IvanovaYu: сообщение полезно
Boomer.0818 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
IvanovaYu (12.06.2014)
Старый 12.06.2014, 20:57   #5
 
Аватар для IvanovaYu
 
Сообщений: 101
FR (активность): 3,021

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от Boomer.0818 Посмотреть сообщение
У вас тема сверстана как то странно. В файле responsive-me.css по идее прописаны стили для адаптивного дизайна и в нем прописан класс .mainshell-sidebar {display:none}, из-за которого и пропадает правая колонка. Но если убрать этот стиль, то пропадает левая колонка. Плюс классу .responsive-sidebar-wrapper прописана минимальная ширина в 260 пикселей, что тоже глупо. В общем если понимаете в css, то попробуйте поколдовать с этими классами.
Спасибо большое! Не понимаю в css ничего, но попробую разобраться=) так все равно оставлять нельзя.
IvanovaYu вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 12.06.2014, 21:09   #6
 
Аватар для renegat33
 
Сообщений: 286
FR (активность): 6,211

Доп. информация
По умолчанию

<iframe src="//www.youtube.com/embed/iZHOBVUtZ8w" width="575" height="323" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
это и есть ваше видео
у вас явно не проценты указаны а пиксели.
и еше , для большего удобства добавьте после размера align="center"
IvanovaYu: сообщение полезно


Пчела,вонзив стальное жало,не знает,что она пропала.Так и глупцы,пуская яд,не понимают,что творят
renegat33 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
IvanovaYu (12.06.2014)
Старый 12.06.2014, 21:47   #7
 
Аватар для Boomer.0818
 
Сообщений: 102
FR (активность): 2,116

Доп. информация
По умолчанию

@IvanovaYu, в процента ставьте только ширину, а высоту в пикселях оставляйте (т.к. в процентах прописать ее нельзя), тогда пользователям на любых устройствах будет удобно смотреть и будет красиво выглядеть.
Boomer.0818 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 12.06.2014, 22:15   #8
 
Аватар для IvanovaYu
 
Сообщений: 101
FR (активность): 3,021

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от renegat33 Посмотреть сообщение
<iframe src="//www.youtube.com/embed/iZHOBVUtZ8w" width="575" height="323" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
это и есть ваше видео
у вас явно не проценты указаны а пиксели.
и еше , для большего удобства добавьте после размера align="center"
Обратно в пиксели изменила, иначе там видео получается странной формы. Ставлю и ширину, и высоту в процентах - видео получается очень маленьким и длинным по горизонтали. Изменяю значения высоты - ноль реакции. Пробовала ставить фиксированную высоту, а ширину в процентах - тогда на маленьких разрешениях получается колбаска=) ширина подстраивается, а высота, естественно, остается статичной. В итоге пока сделала так, хотя бы на стандартных разрешения более-менее. А про тег выравнивания - спасибо! Забыла про него=)

Сообщение добавлено 12.06.2014 в 23:16

Цитата:
Сообщение от Boomer.0818 Посмотреть сообщение
@IvanovaYu, в процента ставьте только ширину, а высоту в пикселях оставляйте (т.к. в процентах прописать ее нельзя), тогда пользователям на любых устройствах будет удобно смотреть и будет красиво выглядеть.
Про это выше отписалась=) оно получается очень вытянутым в высоту и узким.
IvanovaYu вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Метки
автоподстраивание, вордпресс

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как ПС отнесется к закрепленной картинке-ссылке внизу экрана nesh Раскрутка в общих чертах 4 30.04.2013 10:23
как вывести в 2 колонки? psychomonkey Программирование 5 03.02.2012 15:26
Шаблон pisces в 2 колонки tsa Программирование 0 13.01.2012 18:00
Знаете ли Вы размер экрана ГуглаБота? specialist-seo Google 2 15.04.2011 20:30

Текущее время: 06:37. Часовой пояс GMT +3.