What's up with this? Photos in disarray.

richterslrichtersl Registered Users Posts: 3,322 Major grins
edited March 7, 2006 in SmugMug Support
:help Why are my photos all in disarray in this gallery?

http://lrichters.smugmug.com/gallery/775660

The album style is "traditional" so I should have 4 rows of 4 on the screen but for some reason smugmug has something else in mind.

I've tried to use auto-arrange to get that back into some semblance of order but I can't move any photos into those empty spots.:dunno

Help!
Linda

http://lrichters.smugmug.com

Comments

  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited March 7, 2006
    richtersl wrote:
    :help Why are my photos all in disarray in this gallery?

    http://lrichters.smugmug.com/gallery/775660

    The album style is "traditional" so I should have 4 rows of 4 on the screen but for some reason smugmug has something else in mind.

    I've tried to use auto-arrange to get that back into some semblance of order but I can't move any photos into those empty spots.ne_nau.gif

    Help!

    Hi,

    I just viewed your site logged out on Safari and logged in on Firefox, it's looking fine, traditional view, 4x4....

    Perhaps you could logoff, clear your cookies, log on, try a 2nd browser, etc?

    It's looking quite normal. Let us know!
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • onethumbonethumb Administrators Posts: 1,269 Major grins
    edited March 7, 2006
    richtersl wrote:
    :help Why are my photos all in disarray in this gallery?

    http://lrichters.smugmug.com/gallery/775660

    The album style is "traditional" so I should have 4 rows of 4 on the screen but for some reason smugmug has something else in mind.

    I've tried to use auto-arrange to get that back into some semblance of order but I can't move any photos into those empty spots.ne_nau.gif

    Help!

    I'm also unable to see anything unusual. What exactly are you seeing? Maybe I'm just missing it?

    Don
  • NaturalEyeNaturalEye Registered Users Posts: 74 Big grins
    edited March 7, 2006
    I see a gap at the right hand end of the second row, so instead of 4 rows of 4, there are 3 of 4, 1 of 3 and 1 of 1.....

    IE6

    Gary
  • Mike LaneMike Lane Registered Users Posts: 7,106 Major grins
    edited March 7, 2006
    Her problems only occur in IE6 (imagine that). I had a very similar problem when I was working up a way to align the homepage thumbnails a while back.

    After some working, it appears this line of CSS will fix the problem:

    * html #traditional div.photo {margin:0px 14px; }

    I'm not sure if this is a smugmug-wide issue or not. There's no good way for me to remove her CSS using the tools available in IE6 so I can't tell if this is a result of her customizations or not (although I suspect it is).
    Y'all don't want to hear me, you just want to dance.

    http://photos.mikelanestudios.com/
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited March 7, 2006
    Mike Lane wrote:
    Her problems only occur in IE6 (imagine that). I had a very similar problem when I was working up a way to align the homepage thumbnails a while back.

    After some working, it appears this line of CSS will fix the problem:

    * html #traditional div.photo {margin:0px 14px; }

    I'm not sure if this is a smugmug-wide issue or not. There's no good way for me to remove her CSS using the tools available in IE6 so I can't tell if this is a result of her customizations or not (although I suspect it is).

    WTG, Mike clap.gif
    I put the code in the css for Linda, and it appears fine in IE.

    Linda - let us know, ok? :D
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • flyingdutchieflyingdutchie Registered Users Posts: 1,286 Major grins
    edited March 7, 2006
    Mike Lane wrote:
    Her problems only occur in IE6 (imagine that). I had a very similar problem when I was working up a way to align the homepage thumbnails a while back.

    After some working, it appears this line of CSS will fix the problem:

    * html #traditional div.photo {margin:0px 14px; }

    I'm not sure if this is a smugmug-wide issue or not. There's no good way for me to remove her CSS using the tools available in IE6 so I can't tell if this is a result of her customizations or not (although I suspect it is).

    Thanks!
    I have the same problem. I'll try this CSS snippet and see if it fixes it.
    I can't grasp the notion of time.

    When I hear the earth will melt into the sun,
    in two billion years,
    all I can think is:
        "Will that be on a Monday?"
    ==========================
    http://www.streetsofboston.com
    http://blog.antonspaans.com
  • flyingdutchieflyingdutchie Registered Users Posts: 1,286 Major grins
    edited March 7, 2006
    Mike Lane wrote:
    Her problems only occur in IE6 (imagine that). I had a very similar problem when I was working up a way to align the homepage thumbnails a while back.

    After some working, it appears this line of CSS will fix the problem:

    * html #traditional div.photo {margin:0px 14px; }

    I'm not sure if this is a smugmug-wide issue or not. There's no good way for me to remove her CSS using the tools available in IE6 so I can't tell if this is a result of her customizations or not (although I suspect it is).

    mmmm i tried your snippet and it does not work for my 'Traditional' styled galleries. E.g. http://www.streetsofboston.com/gallery/994065, the 5th picture shows up on a row all by itself....

    I tried to widen the #photos area.. did not fix it. Instead of left and right padding i tried using left and right margin.... did not fix it. I decreased the left and right padding/margins around the pics... did not fix it.

    Anyone has an idea of how to fix it?
    Thanks!
    I can't grasp the notion of time.

    When I hear the earth will melt into the sun,
    in two billion years,
    all I can think is:
        "Will that be on a Monday?"
    ==========================
    http://www.streetsofboston.com
    http://blog.antonspaans.com
  • Mike LaneMike Lane Registered Users Posts: 7,106 Major grins
    edited March 7, 2006
    flyingdutchie wrote:
    mmmm i tried your snippet and it does not work for my 'Traditional' styled galleries. E.g. http://www.streetsofboston.com/gallery/994065, the 5th picture shows up on a row all by itself....

    I tried to widen the #photos area.. did not fix it. Instead of left and right padding i tried using left and right margin.... did not fix it. I decreased the left and right padding/margins around the pics... did not fix it.

    Anyone has an idea of how to fix it?
    Thanks!
    That gallery (994065) shows up as a smugmug_small gallery for me - which is why it wouldn't work. ne_nau.gif

    EDIT: Nevermind, looking at navbars is hard. One second.
    Y'all don't want to hear me, you just want to dance.

    http://photos.mikelanestudios.com/
  • Mike LaneMike Lane Registered Users Posts: 7,106 Major grins
    edited March 7, 2006
    For flyingdutchie :uhoh ONLY!

    Use this instead:

    * html #traditional div.photo {height:250px;}
    Y'all don't want to hear me, you just want to dance.

    http://photos.mikelanestudios.com/
  • flyingdutchieflyingdutchie Registered Users Posts: 1,286 Major grins
    edited March 7, 2006
    Mike Lane wrote:
    For flyingdutchie :uhoh ONLY!

    Use this instead:

    * html #traditional div.photo {height:250px;}
    thumb.gifthumb.gifthumb.gifthumb.gifthumb.gif
    Thanks Mike!
    I had to do _height: 250px;, because this line messes up the layout in FireFox.

    How did you figure this one out? I would suspect the width (of the border, margin, padding, of the div itself) to be too large or something. But changing the height... headscratch.gif But it works. Great!
    I can't grasp the notion of time.

    When I hear the earth will melt into the sun,
    in two billion years,
    all I can think is:
        "Will that be on a Monday?"
    ==========================
    http://www.streetsofboston.com
    http://blog.antonspaans.com
  • Mike LaneMike Lane Registered Users Posts: 7,106 Major grins
    edited March 7, 2006
    flyingdutchie wrote:
    thumb.gifthumb.gifthumb.gifthumb.gifthumb.gif
    Thanks Mike!
    I had to do _height: 250px;, because this line messes up the layout in FireFox.

    How did you figure this one out? I would suspect the width (of the border, margin, padding, of the div itself) to be too large or something. But changing the height... headscratch.gif But it works. Great!

    that line will not mess up firefox. Firefox will see * html and will ignore the rest of the line. Trust me :D

    The issue is that there is a declared height for the div.photo. Firefox sees a declared height and either lets the content run over it or clips the content depending on the rest of the CSS. IE6 on the other hand will resize the div.photo to fit the content if the content is larger than the declared height. Since those boxes are floated to the left you may get into a situation in IE6 where one or more of the 4 boxes across is taller than the others which then basically acts like a ledge and trips up the flow of the boxes. So if you make the height declaration in IE6 only (hence the * html) larger than the tallest content, you'll prevent that ledge from happening and the boxes will flow like they're supposed to.
    Y'all don't want to hear me, you just want to dance.

    http://photos.mikelanestudios.com/
  • Mike LaneMike Lane Registered Users Posts: 7,106 Major grins
    edited March 7, 2006
    Dutchie, see http://centricle.com/ref/css/filters/ for a list of CSS filters incidentally. Notice that * html is the only filter that targets all versions of IE including IE5 for mac (which the _property:value doesn't do).
    Y'all don't want to hear me, you just want to dance.

    http://photos.mikelanestudios.com/
  • flyingdutchieflyingdutchie Registered Users Posts: 1,286 Major grins
    edited March 7, 2006
    Mike Lane wrote:
    Dutchie, see http://centricle.com/ref/css/filters/ for a list of CSS filters incidentally. Notice that * html is the only filter that targets all versions of IE including IE5 for mac (which the _property:value doesn't do).

    Thanks for your help, Mike. I appreciate it!
    I can't grasp the notion of time.

    When I hear the earth will melt into the sun,
    in two billion years,
    all I can think is:
        "Will that be on a Monday?"
    ==========================
    http://www.streetsofboston.com
    http://blog.antonspaans.com
  • richterslrichtersl Registered Users Posts: 3,322 Major grins
    edited March 7, 2006
    Thanks, everyone!
    I finally got a chance to check in and wanted to thank you all for the responses!

    Yes, I most certainly am using IE. mwink.gif

    I had planned on doing a screen capture of the disarray so that I could post it here but when I went to the album this evening it was fine. I dunno. ne_nau.gif

    Basically I had something like 1 row of 4 pics followed by a row of 3 pics then a row of 4 and then 1. And there was a second page with more photos on it. No matter what I did I could not move photos into the blank areas.

    It was like that for two days that I know of and now today it's fine.

    I will go ahead and insert that code into my CSS just in case Mr. IE decides to misbehave again.

    Thanks so much again for all your help. This is one of the best supports forums I've seen. thumb.gif
    Linda

    http://lrichters.smugmug.com
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited March 7, 2006
    richtersl wrote:
    I will go ahead and insert that code into my CSS just in case Mr. IE decides to misbehave again.

    Linda, no need! I put it in your site for you yesterday, it's all good thumb.gif
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • richterslrichtersl Registered Users Posts: 3,322 Major grins
    edited March 7, 2006
    Andy wrote:
    Linda, no need! I put it in your site for you yesterday, it's all good thumb.gif

    Awwww....thanks! :):
    Linda

    http://lrichters.smugmug.com
Sign In or Register to comment.