Main picture began floating over the caption

gordonsmith

Hello and thanks in advance.

I notice that my main picture began to "float" over my caption on my galleries yesterday. I didn't do anything different (no new programming, etc). When I scroll down, the mail picture changes position (moving up and down). Sometimes it covers up the caption I have for the picture. Did something change? This also only happens in Explorer. I tried Firefox and the picture does not "float" with that program. Please Help. My website is "gordonsmith.smugmug.com" and you can click on any gallery to see what I'm talking about.

Gordon

Barb

gordonsmith wrote:

Hello and thanks in advance.

I notice that my main picture began to "float" over my caption on my galleries yesterday. I didn't do anything different (no new programming, etc). When I scroll down, the mail picture changes position (moving up and down). Sometimes it covers up the caption I have for the picture. Did something change? This also only happens in Explorer. I tried Firefox and the picture does not "float" with that program. Please Help. My website is "gordonsmith.smugmug.com" and you can click on any gallery to see what I'm talking about.

Gordon

Hi Gordon,

I checked your site in Internet Explorer 7 and could not replicate the problem you reference above. Can you clear your browser's temporary cache files and see if that helps?

Allen

gordonsmith wrote:

Hello and thanks in advance.

I notice that my main picture began to "float" over my caption on my galleries yesterday. I didn't do anything different (no new programming, etc). When I scroll down, the mail picture changes position (moving up and down). Sometimes it covers up the caption I have for the picture. Did something change? This also only happens in Explorer. I tried Firefox and the picture does not "float" with that program. Please Help. My website is "gordonsmith.smugmug.com" and you can click on any gallery to see what I'm talking about.

Gordon

Verified in IE6 on your site.

Remove this from your javascript.

.photoKeywords {display: none; }



You're missing a # in front of this. It doesn't make any sense anyway.
If you want to not show any of the photos use this.

#galleriesBox .photo {display:none;}

Barb

Allen wrote:

Verified in IE6 on your site.

Remove this from your javascript.

.photoKeywords {display: none; }



You're missing a period in front of this. It doesn't make any sence anyway.

.galleriesBox .photo {display:none;}

Nice Allen - thank you for looking! I did not check IE6

gordonsmith

Allen wrote:

Verified in IE6 on your site.

Remove this from your javascript.

.photoKeywords {display: none; }



You're missing a # in front of this. It doesn't make any sense anyway.
If you want to not show any of the photos use this.

#galleriesBox .photo {display:none;}

I am using IE6. I tried the change. I took the

.photoKeywords {display: none; }

out of my foot java script. However, the main photo continues to float. Another clue I noticed is that the main picture changes position only when the mouse arrow goes over the picture. If I scroll up and down the picture doesn't move, but when the mouse arrow moves over the picture area, then the picture changes position. I'm still very puzzled. Thanks for your help thus far. Any other ideas?

Gordon

Barb

gordonsmith wrote:

I am using IE6. I tried the change. I took the

.photoKeywords {display: none; }

out of my foot java script. However, the main photo continues to float. Another clue I noticed is that the main picture changes position only when the mouse arrow goes over the picture. If I scroll up and down the picture doesn't move, but when the mouse arrow moves over the picture area, then the picture changes position. I'm still very puzzled. Thanks for your help thus far. Any other ideas?

Gordon

Hi Gordon,

Made a couple of other corrections in your CSS and in your header javascript code boxes. You were also missing an ending </div> in your bio, which I added. Can you check now and see if that made any difference?

Allen

gordonsmith.smugmug.com
One thing I notice now is narrowing the window the main photo doesn't show
in smugmug_small. Stretching window up and down and main appears and
disappears. Oh, stretching very wide froze pc. Finally control back and cpu
pegged at 100%. Script warning box, picked stop. Closed IE6.

Some funnies found in CSS

.journal galleryPage gallery_3822580
#comment_header {
display:none;
}

/* GALLERIES */
.Landscapes #galleryTitle {display:none;} /* FAILED*/

This is in a bunch if rules.
display: all;

gordonsmith

Allen wrote:

gordonsmith.smugmug.com
One thing I notice now is narrowing the window the main photo doesn't show
in smugmug_small. Stretching window up and down and main appears and
disappears. Oh, stretching very wide froze pc. Finally control back and cpu
pegged at 100%. Script warning box, picked stop. Closed IE6.

Some funnies found in CSS

.journal galleryPage gallery_3822580
#comment_header {
display:none;
}

/* GALLERIES */
.Landscapes #galleryTitle {display:none;} /* FAILED*/

This is in a bunch if rules.
display: all;

I'm truly sorry I'm not so bright with this stuff. What is "funny" or wrong with the above stuff? I know this worked for me beginning a few months ago and it only started acting weird a few days ago. Should I try taking these things out and see if that helps?
Gordon

gordonsmith

Barb wrote:

Hi Gordon,


Made a couple of other corrections in your CSS and in your header javascript code boxes. You were also missing an ending
in your bio, which I added. Can you check now and see if that made any difference?

Thanks Barb. I just tried it again but got the same result. I'll keep looking over things to see what else I can find too. This is really puzzling me.
Gordon

Allen

gordonsmith wrote:

Thanks Barb. I just tried it again but got the same result. I'll keep looking over things to see what else I can find too. This is really puzzling me.
Gordon

Sorry 'bout that, was thinking Barb would pick up on it in her troubleshootin'.

The display: all; I think should all be display: block;

You are missing periods in here

.journal .galleryPage .gallery_3822580
#comment_header {
display:none;
}

Actually this should be written this way. It specifies a gallery whether in
any style.

.gallery_3822580 #comment_header {
display:none;
}

Are you wanting this for a particular landscape gallery or landscapes category?

/* GALLERIES */
.Landscapes #galleryTitle {display:none;} /* FAILED*/

First one below specifies for gallery number xxxxxxxx.
2nd one does Landscape category page.

/* GALLERIES */
.gallery_xxxxxxxx #galleryTitle {display:none;} /* FAILED*/

/* GALLERIES */
.category_Landscapes #galleryTitle {display:none;} /* FAILED*/

gordonsmith

Allen wrote:

Sorry 'bout that, was thinking Barb would pick up on it in her troubleshootin'.

The display: all; I think should all be display: block;

You are missing periods in here

.journal .galleryPage .gallery_3822580
#comment_header {
display:none;
}

Actually this should be written this way. It specifies a gallery whether in
any style.

.gallery_3822580 #comment_header {
display:none;
}

Are you wanting this for a particular landscape gallery or landscapes category?

/* GALLERIES */
.Landscapes #galleryTitle {display:none;} /* FAILED*/

First one below specifies for gallery number xxxxxxxx.
2nd one does Landscape category page.

/* GALLERIES */
.gallery_xxxxxxxx #galleryTitle {display:none;} /* FAILED*/

/* GALLERIES */
.category_Landscapes #galleryTitle {display:none;} /* FAILED*/

Thanks again Allen. With the GALLERIES page I chose your second suggestion because that's what I was trying to do with that CSS.

I'm still puzzled by the floating main picture, however. What part of the program deals with the positioning of the pictures on the page? I wonder if we could specify where to place the main picture to keep it from floating up and down over the areas it's not supposed to go. Somehow, the boundaries have gotten stretched.

Gordon