Safari bug using own CSS-Positioning

[flashpiet]

Hello all together,

im using the phoca gallery for the website of a friend of mine.
www.patrick-vdm.com
It works fine in all browsers except the Safari-Browser, it shows an very ugly CSS-Bug. That means the thumbnails are located directly over the big switch-image-table.

I think the issue is the positioning of the switch-image-table. I'm using negative margins. Thats because the switch-image-table orginally is located above the thumbnail-table.

Heres the CSS-Code:

Code: Select all

#phocagallery .main-switch-image-table {
	margin: 0 0 -480px 370px; 
	border:10px solid #fff;
}

Does anyone have a clue?

Best regards
Peter

[Jan]

Hi, try to check settings of your template, I see no problem with Safari and Switch - Swap effect

See:

[flashpiet]

Hey Jan,

did you check the link I posted with safari?
http://www.patrick-vdm.com/fashion.html

I checked my template and its okay I think. Maybe you know a special workaround for safari.

Best regards
peter

[Jan]

Hi, I see but this is a problem of custom modifications which I don't know - the standard way of displaying the switch is above images (see the demo site with safari) I don't have any experiences with vertical displaying and with the modifications you or somebody other did on your site, so cannot give any advice there

[flashpiet]

Dear Jan,

thanks for your answer. If you agree, I would do some hardcoding.
I assume I can change the position of the switch image table via the php file.

But which is the right PHP-File? views->category->tmpl->default.php ?

It would be great Jan, if you could just help me out with this.

Best regards
Peter

[Jan]

Hi, yes is is the correct file.