Проблема с LightBox - JoomShopping

хорошо бы ссылочку на пациента - было бы быстрее и нагляднее.
Почему все-таки ширину в 100% игнорирует? Если попробовать все же использовать ширину 100% и размещать по области окна, резултат какой?

или как вариант задать для ширины !important

Почему все-таки ширину в 100% игнорирует? Если попробовать все же использовать ширину 100% и размещать по области окна, резултат какой?

и выпадающему меню сделайте фон белый, а то это жесть )

ширина этих блоков должна быть одинаковой

Код

...
<div id="lightbox-container-image-box" style="width: 770px; height: 520px;"></div>
<div id="lightbox-container-image-data-box" style="width: 750px; display: block;" ...

Почему здесь она разная? Код правили?

lightbox-container-image-data-box  засуньте в lightbox-container-image и width: 100% !important;

Код

...
<div id="lightbox-container-image-box" style="width: 770px; height: 520px;"></div>
<div id="lightbox-container-image-data-box" style="width: 750px; display: block;" ...

как формируются стили в исходном файле LightBox? Может попробовать продублировать style ...image-box для image-data-box? интересует в даной ситуации ширина

$('#lightbox-container-image-box').animate({ width: intWidth, height: intHeight },settings.containerResizeSpeed,function() { _show_image(); });
			if ( ( intDiffW == 0 ) && ( intDiffH == 0 ) ) {
				if ( $.browser.msie ) {
					___pause(250);
				} else {
					___pause(100);	
				}
			} 
			$('#lightbox-container-image-data-box').css({ width: intImageWidth });
			$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ height: intImageHeight + (settings.containerBorderSize * 2) });

product_default.php

тяжело судить по "куску" кода, но попробуйте сделать/прописать width: intWidth двум этим блокам

$('#lightbox-container-image-box').animate({ width: [b]intImageWidth[/b], height: intHeight },settings.containerResizeSpeed,function() { _show_image(); });
			if ( ( intDiffW == 0 ) && ( intDiffH == 0 ) ) {
				if ( $.browser.msie ) {
					___pause(250);
				} else {
					___pause(100);	
				}
			} 
			$('#lightbox-container-image-data-box').css({ width: intImageWidth });

пардон ) jquery.lightbox.js

у меня заменен lightbox на бутсрап, а интуитивно подумал на карточку товара

lightbox-container-image-data-box  засуньте в lightbox-container-image и width: 100% !important;

.../components/com_jshopping/js/jquery/jquery.lightbox.js

чтобы прописать это же в bootstrap...

Код

.../components/com_jshopping/js/jquery/jquery.lightbox.js

подгружается дважды? Но это уже совсем иная история

Где он подгружается дважды?

откройте исходный код страницы и смотрите в блоке <head>, дважды одна и та же строка .../components/com_jshopping/js/jquery/jquery.lightbox.js