New website online, opinions please

[slimtim]

After hours of learning css etc, I managed to knock up a new photography website. I'm afraid there aren't any RIB pics on there yet, but hopefully there will be soon and almost definately will be after the cruise next week.

Anyway, all opinions and suggestions are welcome. I have been told that the thumbnail galleries (navigate to events>rs k6 nationals) do not display properly in internet explorer. Please let me know how you see them, they should be in 5 columns and 4 rows. They seem to work fine in firefox. Does anyone know how I can fix this problem?

www.timstevensphoto.co.uk

Cheers!

[Polwart]

IE6 is displaying like this:

[slimtim]

yeah it shouldn't be like that! Very frustrating...anyone know how I make it work with firefox and ie?

[Jimbo]

Originally Posted by slimtim

yeah it shouldn't be like that! Very frustrating...anyone know how I make it work with firefox and ie?

Tim, I'm manic with the boat show and such at the moment, but I will have a look as soon as I can for you and try and fix it! Looks nice though!

Jimbo

[Richard B]

The photos that you've chosen for the "home" page and the "portfolio" page are superb, very, very nice work indeed Tim.

[slimtim]

Jimbo, that would be great, thanks!

Richard, thanks for the kind words. I'm going to get the portfolio section done soon so hopefully more spangly images to look at.

[tcwozere]

Cracking piccy's Tim..

IE7 is like this.. (Only visible prob, is that the text is being cut off for the portrait ones on the bottom row..)

[codprawn]

Looks great to me but remember - most people use a bit more than 640x480 these days - on my 19" monitor there is loads of wasted screen.

Just noticed the 2006 RS K6 Nationals page with the thumbnails is perfect - it's just the main pages come up 1/4 screen.

I have tried it in Firefox and IE and it looks the same so very well done there!!!

[benc]

Originally Posted by Richard B

The photos that you've chosen for the "home" page and the "portfolio" page are superb, very, very nice work indeed Tim.

You couldn't have seen the contact page then! else you'd have mentioned that!

Very nice work tim!

[benc]

Tim,

Just been looking at the css issue.

I think its down to IE and Firefox treating things like the "padding" and/or "margin" paremeters differently. I think one of them puts them inside the "width" you specify, and one outside.

I have had a play with the stylesheet, and found if you set the "thumbnail" class as follows, it looks fine in both browsers...

 
.thumbnail {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 15px 19px; WIDTH: 122px; PADDING-TOP: 10px; HEIGHT: 130px; TEXT-ALIGN: center
}

Basically, before you had the "width" set to the same width as the image width, and then I think IE was adding the padding/margin to the inside of the divs...

Not 100% sure of the ins and outs, but the fix I've done seems to work for both browsers!