26.05.2013 18:50:35, applepie сказал(-а):

Это опять я :)
Нашел еще один нюанс. Не знаю, как в других браузерах, но в огнелисе один из скриншотов (четвертый) на этой странице вписывается не особо корректно. Я пробовал кое-где заменить height/width на max-height/max-width - данному скрину помогло, но в целом появилась необходимость дорабатывать css. Я не большой специалист в оном, так что все делаю исключительно методом тыка. Немного потыкал - и лень пока одолела. В общем, как-то так :)

Это не только в firefox - это и в других браузерах. Дело в том, что некоторые картинки неформат - то есть либо по ширине, либо по высоте большие слишком. Чтобы все это входило в экран можно задать ширину и высоту абсолютную, но тут картинки могут быть непропорциональны, либо только одну из величин как задал в css я. Я  задавал высоту только -  проблема решается добавлением строчки:

width:(Width-270)px !important;
 

в lightbox-image

В большинстве случаев просто высоты было достаточно вот я и оставил только одну величину.

P.S. Даже не знаю как это можно поправить. Только если скриптом каким, например условие: если картинка большая, то ...

Но в CSS это не знаю как сделать.

Видимо придется ждать пока администрация поправит lightbox

27.05.2013 07:56:05, applepie сказал(-а):

Вот:

Спойлер

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("tesall.ru") 

{

#lightbox
{
    top: 10px  !important;
    left: 50px  !important;
    max-width:1800px !important;
    max-height:800px !important;
    position: fixed !important;
}

#outerImageContainer
{
    max-width:1800px !important; /*здесь и в следующей строке можно inherit вместо числа*/
    max-height:800px !important;
}

#imageContainer
{
    width: auto !important;
    height: inherit !important;
    max-height:800px !important;
    padding: 10px 10px 0px !important;
}

#lightboxImage
{
    max-height: 800px !important;
    max-width: 1780px !important;
}

#prevLink, #nextLink
{
    max-height: 800px !important;
}

#imageDataContainer
{
    padding-top: 10px !important;
    max-width:1800px !important;
}

}

Опробуешь? У меня вроде пока работает. Циферки я оставил свои :) А вообще, с жесткими предустановленными размерами - как-то не очень. На нексусе, вот, окошко с картинкой масштабируется в соответствии с размером самого окна браузера. Но пока и так сойдет: все равно большинство сидит в максимизированном браузере.

Попробовал в разных браузерах. Мне показалась неудобной идея, когда размер самого окна меняется в зависимости от картинки - надо двигать мышкой в таком случае, что не совсем удобно. Оказалось, что достаточно применить max-height max-width только для изображения внутри - то есть lightbox-image. 2 стиля я объединил - не понял пока нужно ли оставить prevlink и nextlink или вообще можно избавиться. это надо смотреть  

27.05.2013 15:28:06, SeregaKR сказал(-а):

не понял пока нужно ли оставить prevlink и nextlink или вообще можно избавиться. это надо смотреть

27.05.2013 15:49:49, applepie сказал(-а):

Если от них избавиться - они будут наплывать "сверху" на imageDataContainer, где располагаются кнопочки "сохранить" и "закрыть", перекрывая к ним доступ. Ну, по крайней мере на некоторых изображениях.

cпасибо. вспомнил теперь

Очень полезно)Мне помогло.Благодарю.