Gallery gos over Layout

[gomezt]

Hello everybody,

i have the problem that my gallery layout gos over the limitation. You can see it in the picture. I hava a template where the size is fixed. In the content area i have made a div tag with scroll bars. Everything works fine but on the gallery i have these problem. I don't know why. In Firefox i dont have this problem! Only the InternetExplorer has this problem. Please, can somebody help me? You can see it on the following link: http://www.tattoos-by-sia.de/index.php/ ... ory/1.html You have to open it with Internet Explorer



greetings

[Jan]

Hi, the images are displayed in float boxes, so maybe there should be some procuration to set some clear:both or some hack for IE if clear:both (standard in Phoca Gallery) doesn't work

Jan

[gomezt]

I found the problem. I had to change the "phocagalleryieall.css" to the following (look at the position tags):

Code: Select all

.phocagallery-box-file-first {

	/*background:#f5f5f5;*/

	/*width:100px;height:100px;*/
	overflow:hidden;

	display: table;

	vertical-align:middle;

/*	position:relative;*/


}



.phocagallery-box-file-second {

	display: table-cell;

	vertical-align: middle;

/*	position:absolute;*/

	top: 50%;

	left:50%;

}



.phocagallery-box-file-third {
	text-align:center;
	vertical-align:middle;

  position: static;  top: -50%;  left:-50%;

  padding-top:8px;

}

And in the "phocagallery.css" i had to comment out the position tags in phocagallery-box-file-fist, phocagallery-box-file-second, phocagallery-box-file-third

[Jan]

ok, now just check if you get horizontal and vertical centering of images in IE6 and IE7 (centering of images in the boxes in category view)

Jan