How to center thickbox in ie8

[gleb]

I was having problems with ie8 with the thickbox. It was showing on the bottom of the screen in ie8 and just half of the image. I have 1.3.1 installed. In firefox and all other browsers it was showing in the center. Since I couldn't find any answers on the forums how to fix this, I played around with the css and found a solution. I'm not sure if this is the best way to fix this problem but it works.

So I wanted to share this with the community.

You have to change thickbox.css in the root/css folder.

Change this:

#TB_window {
   position: fixed;
   background: #ffffff;
   z-index: 102;
   color:#000000;
   display:none;
   border: 4px solid #525252;
   text-align:left;
   top:50%;
   left:50%;

Into this:

#TB_window {
   position:fixed;
   background: #ffffff;
   z-index: 102;
   color:#000000;
   display:none;
   border: 4px solid #525252;
   text-align:left;
   bottom:6%;
   left:50%;

[dominik]

Thanks,
this is a very fast and good solution!

[Medicina33]

This works only with IE8 but screws up Firefox and Co.
The definitive fix is this one: http://www.prestashop.com/forums/viewthread/18532/discusin_general/problemas_lightbox__thickbox_con_iexplorer_8

[vic1]

Thanx a lot Gleb!

Для всех перевожу, тк сам искал долго этот пост! Все гениальное просто - убрать top и вписать bottom!

Как отцентрировать картинку, при просмотре товара, в IE8.