Site check appreciated.
Enthusiast
Posted: Sun, 2008-05-11 18:18
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.
Enthusiast
Posts: 137
Joined: 2007-05-07
Location: Nashville
It looks great...very cute.
Posted: Sun, 2008-05-11 20:07
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 | <a href="http://www.detacheddesigns.com/blog" title="Detached Designs Blog">My Blog </a>
Enthusiast
Posts: 201
Joined: 2008-03-16
Perfect design
Posted: Sun, 2008-05-11 20:43
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
Moderator
Posts: 6509
Joined: 2004-05-01
Location: Brisbane
Looks fine in IE7. The logo
Posted: Mon, 2008-05-12 00:12
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
tags.
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use
My articles | CSS Reference
Enthusiast
Posts: 270
Joined: 2004-08-26
Can you do a Ctrl+F5 on
Posted: Mon, 2008-05-12 05:09
@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.
Moderator
Posts: 6509
Joined: 2004-05-01
Location: Brisbane
Yeah, it's OK now. The
Posted: Mon, 2008-05-12 05:17
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
tags.
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use
My articles | CSS Reference
Enthusiast
Posts: 270
Joined: 2004-08-26
@Tyssen Doing a complete
Posted: Mon, 2008-05-12 05:27
@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?
Moderator
Posts: 6509
Joined: 2004-05-01
Location: Brisbane
fambi wrote:Other than that,
Posted: Mon, 2008-05-12 05:59
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
tags.
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use
My articles | CSS Reference
Enthusiast
Posts: 270
Joined: 2004-08-26
@Tyssen What a disaster...
Posted: Mon, 2008-05-12 06:01
@Tyssen
What a disaster... i'll try and figure this out.
Thanks
Enthusiast
Posts: 270
Joined: 2004-08-26
@Tyssen With regards to the
Posted: Mon, 2008-05-12 06:06
@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
Enthusiast
Posts: 270
Joined: 2004-08-26
@Tyssen I've also
Posted: Mon, 2008-05-12 06:22
@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?
Moderator
Posts: 6509
Joined: 2004-05-01
Location: Brisbane
There's only a very slight
Posted: Mon, 2008-05-12 06:30
There's only a very slight shift now, maybe one pixel.
How to get help
tags.
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use
My articles | CSS Reference
Enthusiast
Posts: 270
Joined: 2004-08-26
@Tyssen I've modified that
Posted: Mon, 2008-05-12 06:35
@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?
Moderator
Posts: 6509
Joined: 2004-05-01
Location: Brisbane
fambi wrote:I've modified
Posted: Mon, 2008-05-12 07:01
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
tags.
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use
My articles | CSS Reference
Enthusiast
Posts: 270
Joined: 2004-08-26
tyssen wrote: it's probably
Posted: Mon, 2008-05-12 07:07
Fixed! Thanks!
Can you tell me... where can I learn more about this bug?
Enthusiast
Posts: 201
Joined: 2008-03-16
fambi
Posted: Mon, 2008-05-12 10:45
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.
Enthusiast
Posts: 270
Joined: 2004-08-26
Thanks for the pointers... I
Posted: Mon, 2008-05-12 17:02
Thanks for the pointers... I agree with them all and will get on to them ASAP.
Enthusiast
Posts: 270
Joined: 2004-08-26
Ok. I've implemented
Posted: Tue, 2008-05-13 05:42
Ok. I've implemented most/all changes.
The only problem left is the IE7 bug mentioned above. Anyone have any ideas?
Enthusiast
Posts: 270
Joined: 2004-08-26
Caposoft wrote:In IE 7 the
Posted: Tue, 2008-05-13 06:04
Are you using a stand alone version of IE7 or the normal version?
Enthusiast
Posts: 201
Joined: 2008-03-16
standalone
Posted: Tue, 2008-05-13 09:37
standalone
Enthusiast
Posts: 201
Joined: 2008-03-16
standalone, I guess
Posted: Tue, 2008-05-13 09:37
standalone, I guess
Enthusiast
Posts: 270
Joined: 2004-08-26
Thanks. The problem seems
Posted: Tue, 2008-05-13 11:17
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.