Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Как в Яндекс-браузере div-ы построить горизонтально?

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Alinalessio

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть сайт: http://dom.sb72.net/
В Firefox, Opera и IExplorer сайт отображается нормально, но
в Яндекс-Браузере Два блока, которые должны выстраиваться в линию, почему-то располагаются друг под другом.
 
Всегда ориентировался только на три браузера, благо для IE создано достаточно костылей, но заказчик пользуется Яндекс-браузером. Как для Яндекс-браузера прописать правила, чтобы он адекватно показывал страницу?
 

Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 13:59 16-08-2013
basidad



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alinalessio
попробуй немного изменить сетку.
Открой стиль - /wp-content/themes/yoo_micasa_wp/warp/css/layout.css (строка 32)
измени:
.width50 {width: 50%;}
на
.width50 {width: 49%;}
 
или на
.width50 {width: 48%;}

Всего записей: 61 | Зарегистр. 02-05-2011 | Отправлено: 19:14 16-08-2013 | Исправлено: basidad, 19:19 16-08-2013
Alinalessio

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Попробовал. Делал и 40% и даже 25 %
Кстати странно, но Firefox изменяет ширину обоих блоков, а в Яндексе, при изменении ширины, изменяется только ширина первого блока. А второй остается неизменным.  
Получается второй блок не подчиняется потому что яндекс для него какие-то другие стили подключил.
Помогите пожалуйста разобраться.
 
---------------------------------------------------------------------------------------------------
 
Обнаружил, что Firefox генерирует страницу и в html кусок с этими двумя блоками выглядит так:

Код:
<div class="grid-box width50 grid-h">...</div>
<div class="grid-box width50 grid-h">...</div>

,а Яндекс-браузер этот же кусок генерирует так:

Код:
<div class="grid-box width50 grid-h" style="">...</div>    
<div class="grid-box width50 grid-h" style="width: 348px;">...</div>

Если удалить
Код:
style="width: 348px;
то блок становится как надо.
 
Откуда Яндекс взял эту ширину?
 
Посмотрел код в шабоне, но там нет конкретных значений. Все значения видимо берутся из другого места.
Вот кусок кода в шаблоне:

Код:
<div id="maininner" class="grid-box">
                    
                        <?php if ($this['modules']->count('innertop')) : ?>
                        <section id="innertop" class="grid-block"><?php echo $this['modules']->render('innertop', array('layout'=>$this['config']->get('innertop'))); ?></section>
                        <?php endif; ?>
 
                        <?php if ($this['modules']->count('breadcrumbs')) : ?>
                        <section id="breadcrumbs"><?php echo $this['modules']->render('breadcrumbs'); ?></section>
                        <?php endif; ?>
 
                        <?php if ($this['config']->get('system_output')) : ?>
                        <section id="content" class="grid-block"><?php echo $this['template']->render('content'); ?></section>
                        <?php endif; ?>
 
                        <?php if ($this['modules']->count('innerbottom')) : ?>
                        <section id="innerbottom" class="grid-block"><?php echo $this['modules']->render('innerbottom', array('layout'=>$this['config']->get('innerbottom'))); ?></section>
                        <?php endif; ?>
 
                    </div>

Кто подскажет как убрать эту ширину, которую яндекс где-то берет?

Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 08:16 17-08-2013 | Исправлено: Alinalessio, 09:07 17-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alinalessio
яндекс это же хром?
под гугловским никаких проблем не наблюдается.. а то,что вы описываете, выглядит именно как проблема с шириной элементов и поля, в котором они находятся.
 
 


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 08:46 17-08-2013
Alinalessio

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Да. В гугловском хроме никаких отклонений, а яндекс вот так показывает. Попробуйте у себя на яндексе посмотреть.
 
А что скажете по поводу описанного выше? Я там куски кода приводил.

Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 09:06 17-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alinalessio

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

я не хочу его себе ставить.. когда буду за стационарным компом - посмотрю в виртуалке.
а так, правой кнопкой на объекте, inspect element и изучайте почему переносится

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 09:08 17-08-2013
Alinalessio

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Я тоже не хотел его ставить, да вот пришлось  )) Глаза мои бы его не видели.
Я Проинспектировал элемент. Выявил что Яндек добавляет к блоку ширину. И ширина эта не из css файла, а яндекс намекает, что как бы в шаблоне (выше я приводил примеры кода), хотя Firefox, Opera никакой ширины в шаблоне не видит.
 
 
Добавлено:
Нашел еще код, в котором описываются правила для этих двух блоков:

Код:
case 2:
        printf('<div class="grid-box width50 grid-h">%s</div>', $modules[0]);
        printf('<div class="grid-box width50 grid-h">%s</div>', $modules[1]);
        break;

В той строке, напротив которой стоит $modules[1] Яндекс добавляет style="width: 348px;"
В Яндекс-браузере выглядит это так:  

Код:
<div class="grid-box width50 grid-h" style="">...</div>    
<div class="grid-box width50 grid-h" style="width: 348px;">...</div>

 
Совершенно не понятно, откуда он решил, что там стоит style="width: 348px;" и как от этого избавиться?

Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 09:32 17-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alinalessio

Цитата:
Совершенно не понятно, откуда он решил, что там стоит style="width: 348px;"  

какой нибудь из js скриптов добавляет
видимо скрипт widget, раз его css стили прописаны
 
скорее всего срабатывает когда что то не до конца подгружено или отображено, из за чего считает ширину неправильно.
попробуйте убрать width50 и прописать стилем в тег как width: 50%

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 21:29 17-08-2013 | Исправлено: Cheery, 21:31 17-08-2013
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Как в Яндекс-браузере div-ы построить горизонтально?


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru