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.
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.
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
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.
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.
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.
@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?
fambi wrote:Other than that,
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.
@Tyssen What a disaster...
@Tyssen
What a disaster... i'll try and figure this out.
Thanks
@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
@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?
There's only a very slight
There's only a very slight shift now, maybe one pixel.
@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?
Attachment | Size |
---|---|
FavThingsMenu.JPG | 19.39 KB |
fambi wrote:I've modified
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.
tyssen wrote: it's probably
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?
fambi
@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.
Thanks for the pointers... I
Thanks for the pointers... I agree with them all and will get on to them ASAP.
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?
Caposoft wrote:In IE 7 the
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?
standalone
standalone
standalone, I guess
standalone, I guess
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.