Home› Themes

Stopdesign layout problem in Safari

Belthasar Member
in Themes
Hello,

I'm new of the community and I appreciate your work, among image gallery CMSs I think Zen Photo is the best.
As many of the users are doing (as far as I can tell), I'm using the stopdesign theme, but it is giving me some display problems when viewed in Safari.
In the Image page the Image description is completely out of alignment, displayed on the right of the window, in a very narrow column, while the editable box with the hover effect doesn not overlap with the text, but appear as a rather bigger box on its' left.
The Image title too, is slightly out of alignment.
It works flawlessly in Firefox and IE (which is strange...).
Anyone knows how can I fix this bug?

Comments

  • Belthasar Member
    Anyone got any idea?
  • aitf311 Member
    This should be fixed in 1.1.3 or you can download the nightly here: http://www.zenphoto.org/files/nightly/
  • Belthasar Member
    Are these fixes being done on the theme itself?
    Because I strongly modified the theme to fit my website design and if the changes are made to the image.php in the theme folder, I would be glad to know how can I make this fix on my own.
    Thank you in advance for your patience.
  • aitf311 Member
    You can grab the latest photos.css from http://www.zenphoto.org/svn
  • Belthasar Member
    Sorry to bother you again, but, as far as I can tell, none of these fixes does fix the layout bug I'm experiencing, at least applying them to my own page.
    Am I doing something wrong?
    Thank you.
  • aitf311 Member
    Well we were hoping that the other fixes for IE6 and IE7 would fix the safari problems but I guess not. Can you post a screenshot of what you are seeing?
  • penzoto Member
    There is a beta version of safari available for windows: http://www.apple.com/safari/
  • sokabs Member
    I, too, have experienced this problem. In order to fix the normal display of the image title and description, go to the /themes/stopdesign/css/photos.css file and change the contents of lines 764-771 to:

    `#desc p {

    max-width:30em;

    margin:0 0 .75em 0;

    padding:0 15px 0 0;

    }

    #desc #imageDesc {

    /* padding-left:25px; */

    }`

    This fixes the normal view during browsing. BUT, it goofs up the editing of these fields when logged in as Admin. I'll try to find where the necessary changes to fix this part are and I'll repost.

    UPDATE: With my altered css above, the problem does seem to be fixed in Safari, but not Firefox.
Sign In or Register to comment.