Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.08.2014, 22:46
Интересующийся
Отправить личное сообщение для nanoT1m Посмотреть профиль Найти все сообщения от nanoT1m
 
Регистрация: 21.07.2012
Сообщений: 25

Абсолютное вертикальное центрирование в Firefox
Товарищи, помогите с абсолютным вертикальным выравниванием в Firefox.

<div class="img_wrapper">
    <img class="img" />
</div>


.img_wrapper
{
    position: relative;
    height: 400px;
}

.img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: auto;
    margin: auto;
}

Все работает до тех пор, пока высота .img меньше высоты контейнера. В Chrome и Safari, все работает на ура. Но как быть когда высота .img превышает высоту контейнера
Ответить с цитированием
  #2 (permalink)  
Старый 01.08.2014, 23:28
Кандидат Javascript-наук
Отправить личное сообщение для cha0s Посмотреть профиль Найти все сообщения от cha0s
 
Регистрация: 21.10.2013
Сообщений: 125

не ругайся с CSS у меня не очень, я некоторые вещи решаю через JS ;D http://jsfiddle.net/aEgC6/

Логика такая, если окно меньше чем твой контейнер, то контейнер берет текущую высоту которая меньше >400px уже, и следовательно твой контент будет по центру(вертикально) всегда этого блока.

Последний раз редактировалось cha0s, 01.08.2014 в 23:32.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS Drag&Drop для созданного div в FireFox фонарик Общие вопросы Javascript 2 28.02.2013 21:34
тег <audio> в Opera, Chrome, Firefox Magneto Javascript под браузер 12 25.11.2010 15:12
Peppy и Firefox Cr@ZyBoY Библиотеки/Тулкиты/Фреймворки 13 14.02.2010 20:38
Проблемы с MouseMove в FireFox slim-v Events/DOM/Window 5 05.06.2009 02:44
FireFox: onmouseover не работает при зажатой кнопке мыши no. Общие вопросы Javascript 4 19.08.2008 13:43