Диалог nyroModal в Chrome: как избавиться от полос прокрутки или установить размер явно? - PullRequest
Новая
       39

Диалог nyroModal в Chrome: как избавиться от полос прокрутки или установить размер явно?

2 голосов
/ 23 мая 2011

Кажется, я застрял в модальном диалоге несколько часов с неожиданным поведением в Chrome, для чего я мог бы использовать вашу помощь. Диалог представляет собой скрытый div, состоящий из двух меньших div, один с плавающей левой и другой с плавающей правой.

Я использую nyroModal для своего диалога и пробовал различные обходные пути, чтобы скрыть полосы прокрутки, например, используя overflow: hidden или пытаюсь установить размеры диалога вручную (хотя мне сложно настроить nyroModal из-за моего ограниченного знание еще в JavaScript).

Основная структура div выглядит следующим образом: 

<div id="signup" class="nyroModal">

    <div id="signup_pt1" class="float_left" >
        <h2>Get your free iGuide account!</h2>
        <form name="signup_form" id="signup_form" action="post">
              ...
              ...
        </form>
        <br class="clear" />
    </div>

    <div id="signup_pt2" class="float_right">
        <h3>Why use iGuide?</h3>
        ...
        ...
        <br class="clear"/><br />
    </div>

</div>

А вот моя попытка установить ручную высоту в диалог #signup: 

$(function() {
    $('#signup').nyroModal({
        sizes: {
            height: 600,
            width : 900 
        }
    });
});

Пока, как вы можете видеть на фотографиях, Chrome пьет лимонад. Это ошибка, особенность (:?) Или что-то, что я пропускаю? Есть идеи? Спасибо за ваше время.

Редактировать: из-за гниения ссылок я удалил ссылки на изображения.

1 Ответ

1 голос
/ 11 апреля 2012

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

Так должно выглядеть так: 

<div>
    <div style="float: left">
      Stuff
    </div>

    <div style="float: right">
      Stuff
    </div>

    <br class="clear">
</div>

Тем не менее, я пришел к этой теме из-за проблемы с размерами в nyroModal, так что я не знаю, будет ли она нормально работать с nm.

...