Archive page

[janneke]

Hi,

I need a bit of help with my archive page. Everything looks fine in firefox: http://www.shutterbug.nl/flog/index.php?x=browse, but IE seems to 'ignore' the table width. Suggestions anyone? Thanks :)

[riken]

Ignore what it looks like on IE. So long as it doesn't look like complete crap, that's probably the best you can do. And you can hope that whatever is broken in IE6 gets fixed in IE7.

[anela]

Try adding this to your stylesheet:

#thumb {
width: 700px;
}

That should force IE to wrap the rows. If it affects how it looks in FireFox (doesn't on my local machine here), then do this instead:


* html #thumb {
width: 700px;
}

That will make only IE recognize it.

Let me know if that helps...

As a side note, your photography is very beautiful. :) I tried to leave some comments but the comment popup is only a white page (FireFox) for me. I'll try again later. :)

[janneke]

Thanks Anela, it works!

I'm glad you like my photographs :) Check http://www.shutterbug.nl in a few days, I'm moving everything there.

[fotogram]

OK, here is another one to do with IE and archives page. My archives page looks great everywhere, except IE.

Any suggestions?

http://www.fotogram.com/pixelpost/index.php?x=browse

Thanks,

Guilherme

[premii]

fotogram:
i only tested this code on firefox dearpark and IE 5.5,


* html body {text-align:center; }

#images {
width:800px;
margin:0 auto;
border:1px solid #444;
text-align:left;
}

#images a {
float: left;
display:block;
margin:10px;
color:#fff;
height:130px;
border:1px solid #000;
background:#eee;
}

#images a img {
padding:10px;
border:0px;
}

[blinking8s]

i love it when users help out here :)

keep it up! we need more of it!

[fotogram]

Thanks, premii...

Your suggestion did not fix my issue, but inspired me :)

Around each thumbnail, I have a "thumb-wrapper" class with a height. This height was set to 120 which was enough for the good browser (which I use more frequently: Safari and Firefox), but not for the bad browser (IE).

On shots that I crop and end up with a ratio that is a little taller than the regular 2:3, the thumbnails are generated with the with set to 75 and the height is whatever it needs to be. When I first designed my archives page, I did not have those cases, and I set the height of the thumb-wrapper to be 120px. Each thumb-wrapper floats left and on IE it would float left until it would find one of those taller images and stop. I re-set the thumb-wrapper to be 125px and it now works on both the good and the bad browser.

http://www.fotogram.com/pixelpost/index.php?x=browse

.thumb-wrapper{
height:125px;
width:auto;
padding: 5px;
margin:5px;
border:1px solid #999;
float:left;
}