21 replies [Last post]
fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

Hi guys.

The site is http://www.favouritethings.com/index2.php

It was designed in FireFox and I've tried my best to get it working in IE6&7. It also seems to work find in Opera.

Any pointers would be greatly appreciated.

jeff_way
jeff_way's picture
Offline
Enthusiast
Nashville
Last seen: 14 years 34 weeks ago
Nashville
Timezone: GMT-5
Joined: 2007-05-07
Posts: 137
Points: 0

It looks great...very cute.

It looks great...very cute. I just did a quick check on Browsershots.org...everything appears to be correct in all the browsers.

-Jeffrey Way | My Blog

Caposoft
Caposoft's picture
Offline
Enthusiast
Last seen: 7 years 51 weeks ago
Timezone: GMT+1
Joined: 2008-03-16
Posts: 330
Points: 118

Perfect design

It is perfect. There are some minor details I would have styled different, it doesn't change the fact that you did a great job

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Looks fine in IE7. The logo

Looks fine in IE7. The logo and don't forget image are scrunched up in IE6, possibly because no dimensions are specified in the HTML.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

Can you do a Ctrl+F5 on

@jeff_way

Thanks for taking the extra effort and the kind words. "Cutsie" was the exact word they used when describing their requirement.

@Caposoft

Thanks for the kind words. What would you have done differently though?

@Tyseen

Can you do a Ctrl+F5 on that. The HTC fix for PNG transparency was causing this, but when i used a modified jquery fix it stopped happening (at least I hope it stopped). Whilst you can't see it in the html, the jquery fix replaces the img with a span that has the Microsoft.AlphaImageLoader in it as well as height & width.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Yeah, it's OK now. The

Yeah, it's OK now. The fading images don't work very well in IE6 though. The fade out isn't very smooth and then the page jumps up for a second when the old image is swapped out with the new one.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

@Tyssen Doing a complete

@Tyssen

Doing a complete refresh on IE6, I can see that the old images fade out okay but the new ones just appear without fading it. Looks like I need to preload the next image whilst the old one is fading out.

Other than that, are you saying that the entire pages jumps up? Like there was an image which got removed?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

fambi wrote:Other than that,

fambi wrote:
Other than that, are you saying that the entire pages jumps up? Like there was an image which got removed?

Yeah, the heading 'Welcome to Favourite Things' will jump up to the top of the white box for a second before the new image comes in.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

@Tyssen What a disaster...

@Tyssen

What a disaster... i'll try and figure this out.

Thanks

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

@Tyssen With regards to the

@Tyssen

With regards to the jumping, I implemented a fix to what i imagine the problem to be. Can you do a ctrl+F5 and let me know if it fixed it?

Thanks

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

@Tyssen I've also

@Tyssen

I've also implemented a fix for the fading issue using a preloader. Seems to work well over here. How about on your end?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

There's only a very slight

There's only a very slight shift now, maybe one pixel.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

@Tyssen I've modified that

@Tyssen

I've modified that fix. Can you see if takes care of the 1px shift?

-----

Meanwhile...

I noticed another problem in IE6 which is that the menu is not lining up with the logo box. I'm uploading a snapshot.

Anyone have any idea what's happening?

AttachmentSize
FavThingsMenu.JPG 19.39 KB
Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

fambi wrote:I've modified

fambi wrote:
I've modified that fix. Can you see if takes care of the 1px shift?

Yes, it's gone now. As for the other problem, it's probably the double margin bug: add display: inline to your left column.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

tyssen wrote: it's probably

tyssen wrote:

it's probably the double margin bug: add display: inline to your left column.

Fixed! Thanks!

Can you tell me... where can I learn more about this bug?

Caposoft
Caposoft's picture
Offline
Enthusiast
Last seen: 7 years 51 weeks ago
Timezone: GMT+1
Joined: 2008-03-16
Posts: 330
Points: 118

fambi

fambi wrote:

@Caposoft

Thanks for the kind words. What would you have done differently though?

Like I said, just details, might be a question of taste. I just find your text styled pretty compact. I would enlarge the body text size and use a bigger letter-spacing on all pages, probably on the navigation as well.

The Play Area - the list is too wide. People read until the 8th to 10th word and scan the next line for an interesting word. It losens the page as well.
In IE 7 the slideshow doesn't let you close the picture to return to the page. In FF it works.

Birthday Parties - the headers of the lists are wrapped. I would either make it all fit in one line or have at least a second word in the second line. The margin between the list items is too small.

Camps - the paragraph is too wide

What sets us apart - the margin between the different sections is the same as between the paragraphs. Separate the sections more clearly. The lists need bigger margin, especially the ol.

Rule & Regulations - the list definitely needs bigger gaps. After reading 1 or 2 items the rest becomes just a bunch of letters.

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

Thanks for the pointers... I

Thanks for the pointers... I agree with them all and will get on to them ASAP.

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

Ok. I've implemented

Ok. I've implemented most/all changes.

The only problem left is the IE7 bug mentioned above. Anyone have any ideas?

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

Caposoft wrote:In IE 7 the

Caposoft wrote:
In IE 7 the slideshow doesn't let you close the picture to return to the page.

Are you using a stand alone version of IE7 or the normal version?

Caposoft
Caposoft's picture
Offline
Enthusiast
Last seen: 7 years 51 weeks ago
Timezone: GMT+1
Joined: 2008-03-16
Posts: 330
Points: 118

standalone

standalone

Caposoft
Caposoft's picture
Offline
Enthusiast
Last seen: 7 years 51 weeks ago
Timezone: GMT+1
Joined: 2008-03-16
Posts: 330
Points: 118

standalone, I guess

standalone, I guess

fambi
Offline
Enthusiast
Last seen: 14 years 36 weeks ago
Joined: 2004-08-26
Posts: 269
Points: -1

Thanks. The problem seems

Thanks.

The problem seems to exist in all IE7's. I've contacted the lightbox's developer who will, hopefully, respond positively.

Thanks again for your help.