We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 19726
    • 239 Posts
    I have a photo section on a website I am working on. It is basically a 4*3 table with images. I want to have the images centered in the table cells. It works fine in IE and Opera, but in FF when I click an image to see the big version suddenly the column with the clicked image gets really wide and the big version does not show.

    Anyone ever seen this and know how to solve it?
    Or knows another way to get the same look?

    To see it live in action see: http://www.jongnederlandzijtaart.nl/bij_jonz.html (note site is not ready open for public)

    Screenshots:
    Before


    After

    BTW: in the "After" screenshot I clicked on the 3rd image in the first row.
      • 17883
      • 1,039 Posts
      Strange... perhaps try to give the table cells a width like 25%. In my FF edit CSS function this improved it.
        • 28042 ☆ A M B ☆
        • 24,524 Posts
        Did you fix it? It’s working fine for me, FF 1.0.7/Mac.
          Studying MODX in the desert - http://sottwell.com
          Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
          Join the Slack Community - http://modx.org
          • 4095
          • 372 Posts
          And woked with FF 1.5.0.1 on XP Pro
            [img]http://www.emanz.ac.nz/assets/images/logo/emanz-icon_16x16.gif[/img] Emergency Management Academy of New Zealand [br] http://www.emanz.ac.nz[br][br]MODx Sandbox Login: sandbox Password: castle [br]
            Admin Sandbox Login: sandbox Password: castle
            • 33453
            • 141 Posts
            Does not work for me, also with FF 1.5.0.1 on XP Pro.

            This is what I see -

            On entry to url http://www.jongnederlandzijtaart.nl/bij_jonz.html:
            A table 4 cols x 3 rows of thumbnails. Show source for this page looks OK. If I hover over any thumbnail the status bar shows (for example) url http://www.jongnederlandzijtaart.nl/bij_jonz.html?picture=P6120003 (row 1 col 3). Right clicking a picture does not display the usual list of options but behaves just as left clicking, described below.

            Left click on the thumbnail:
            The column containing the thumbnail expands to take most of the screen but the image remains the same size. The columns to the left and right shrink to a few pixels wide. The url of the page does not change. Show source for this page looks exactly the same as for the start page. Right clicking the full size thumbnail show the menu and ’properties’ shows the correct size. Right clicking any of the shrunken images expands them by a small amount. By repeatedly right clicking on all of the thumbnails they were all eventually restored to the correct size.

            Left click a second time on the thumbnail:
            Goes to url http://www.jongnederlandzijtaart.nl/bij_jonz.html?picture=P6120003 and the full picture is correctly displayed.

            Clicking on the picture or selecting ’back’ returns to the first page, which is displayed correctly and the whole process begins again.

            Most bizarre.

            It works just fine in IE and Opera so it would appear to be a FF issue.
              • 4095
              • 372 Posts
              These are different issues from the original post which I was referring too. However I have some of the problems you mention

              Quote from: zenmaster at Feb 23, 2006, 03:22 PM

              Right clicking a picture does not display the usual list of options but behaves just as left clicking, described below.

              Works fine for me, I get my normal context menu for images shown.


              Left click on the thumbnail:
              The column containing the thumbnail expands to take most of the screen but the image remains the same size. The columns to the left and right shrink to a few pixels wide. The url of the page does not change.

              This occurs more often than not, but some times it does work straight away, with out the widening or 2nd click.
              Sometimes it goes wide and then loads straight away without a 2nd click.


              Right clicking the full size thumbnail show the menu and ’properties’ shows the correct size. Right clicking any of the shrunken images expands them by a small amount. By repeatedly right clicking on all of the thumbnails they were all eventually restored to the correct size.

              This never happens for me, I always get the context menu and they are always the correct size.


              It works just fine in IE and Opera so it would appear to be a FF issue.

              It would seem that way, but I wonder if its a cache issue, why does it appear so random? If it was a browser issue I would expect more consistency than that, although I can appreciate it works in other browsers.

              Only other things is the handling of the CSS, it seems to be inside so may wrappers and divs its hard to know whats going on. It may be inheriting something from the resizing div or something?
                [img]http://www.emanz.ac.nz/assets/images/logo/emanz-icon_16x16.gif[/img] Emergency Management Academy of New Zealand [br] http://www.emanz.ac.nz[br][br]MODx Sandbox Login: sandbox Password: castle [br]
                Admin Sandbox Login: sandbox Password: castle
                • 19726
                • 239 Posts
                I forgot to mention that I see the issue on FF 1.5 (Win XP home some extensions) and 1.5.0.1 (Win XP pro, no extensions).

                Quote from: briggsys at Feb 23, 2006, 05:22 PM

                It would seem that way, but I wonder if its a cache issue, why does it appear so random? If it was a browser issue I would expect more consistency than that, although I can appreciate it works in other browsers.

                Only other things is the handling of the CSS, it seems to be inside so may wrappers and divs its hard to know whats going on. It may be inheriting something from the resizing div or something?
                It is related to the complex div stuff somehow. I put the snippet in an almost blank template and there it worked fine. I am starting to regret that I am using the jello-piefecta layout template :-( It will be really complex to find the cause of this problem.

                Thanks for the trying everyone.
                  • 263
                  • 52 Posts
                  In the file jello-piefecta-clean.css, section ***Special Fixes***, try commenting out img {max-width: 100%;}. Took a while to find it, can’t be sure that’s the reason for FF’s strange behavior but it worked for me. Maybe there’s a conflict with width="140" in the img tags or perhaps max-width does not play well with table cells. One of life’s mysteries....

                  BTW your site gets seriously mangled in IE7. Don’t worry too much though - Bill’ll fix it!

                  Cheers
                    • 10487 MODX Staff
                    • 1,535 Posts
                    Quote from: abbeyroad at Mar 26, 2006, 07:31 PM
                    BTW your site gets seriously mangled in IE7. Don’t worry too much though - Bill’ll fix it!
                    Lol, we can but hope ... laugh
                      Garry Nutting
                      Senior Developer
                      MODX, LLC

                      Email: [email protected]
                      Twitter: @garryn
                      Web: modx.com
                      • 28373
                      • 204 Posts
                      Quote from: abbeyroad at Mar 26, 2006, 07:31 PM

                      BTW your site gets seriously mangled in IE7. Don’t worry too much though - Bill’ll fix it!

                      IE7 is still only in beta, the rendering engine hasn’t been updated and half the features/fixes with the IE7 release aren’t in the beta version.

                      Think of IE7 "beta" as "neither here, nor there" smiley