I have just finished redesigning the layout that will be the basis for my new website and was wondering whether people could check it for me and give comments on the use of CSS (still learning this) and the overall appearance.
It's a photography website and the layout will be rebuilt in VS2005 so that I can manage the content dynamically. This version is static XHTML Strict and CSS.
I have validated both and got passes and I have tested in IE6, IE7, Netscape and Firefox. My only problem is that Firefox doesn't display it at all well, whereas it looks fine in the others. If someone could shed light on why this is that would be fantastic. If there are other browsers that this could be tested in then even better.
Thanks in advance for any help and advice you can give me.
I tend to just look at it from a users aesphetic point of view (my way of admitting I haven't looked at the code), but nice design, very professional feel about it. No issues really, I'm afraid to say as it stands I'm really quite impressed! It even took my text size increase well!!
P.S. What's the story behind that awesome looking plane then?
Thanks very much for looking
Thanks very much for looking at it so quickly. I'm pleased it stands up well and that you like the design. I'm not really a designer and have gone through many ideas for this redesign that seemed good at the start and ended up looking old fashioned and messy. This was the first one that I finished and was pretty happy with! :rolleyes:
The jet is a popular favourite at many of the airshows I go to and was a Ground Attack fighter for the Swiss Air Force before retiring and being registered to a private owner in the UK. He painted it with that very bright colour scheme and keeps it flying for a lot of shows. The Hawker Hunter dates back to the late 50's and many were retired during the late 60's early 70's.
Nice looking site but problems in Firefox (I'm using version 188.8.131.52).
The main content overwrites the footer. have you used heights in your css? Maybe try floating your footer.
There are a couple of other issues with alignment but this may be solved once the footer is in the right place.
edit - anyone know a good browser simulator? I had a really good one but lost all my bookmarks the other week.
Tom L... Try this mate, it was in a thread recently. http://tredosoft.com/Multiple_IE
It works for me, well for running IE6 and IE7 on the same machine at least which makes checking very easy and convenient . I think I have a user called Erox to thank for that one.
Steve... Tom L is right I'm afraid... here's what I see in Firefox!
Can't believe I missed that! Sorry dude, looks fine in IE7!!!
Nice one for that.
Nice one for that. UPDATE: Installed the exe from that page and it's great! Works a treat
I have IE6 and IE7 running together thanks to that Evolt.org site but I'm not convinced that my IE6 is the true version of that bollocks browser!
Sorry nevets, didn't mean to take over the thread but perhaps if someone could post a URL for a good browser simulator, it will help in the future.
Maybe this isn't very
Maybe this isn't very helpful to say this at this stage. But if you have time its best to build from scratch viewing in Firefox which is a truer representation of CSS and then if needs be, 'hack' for IE. I'm afraid your site breaks in Netscape, Opera, Firefox and Safari (all very similar to the picture above).
Beautiful in IE though and I really like the design. Clean, simple, stylish. It will be a very user-friendly site.
Its difficult to work backwards and fix for all the other browsers although the more experienced bods in here hopefully can help you.
Thanks so much everyone.
Thanks so much everyone. I've made some tweaks (mainly adding some clear;both) comments to some areas which has sorted the main issue of the footer being too high etc.
The only areas that seem to now be a problem are the menu at the top and the tracker bar just underneath the photograph. Both of which use Unordered Lists. Perhaps there is a simple error in my CSS styling for the UL or LI elements that would fix this?
I wish I has designed for Firefox first! I'll learn from that mistake. BTW you mention it looks wrong in Netscape too. I tested in Netscape 8 just now and all seemed fine. It might have been my tweaking though! Could someone else test to make sure it's not just me that sees it properly?
You've updated it... looking
You've updated it... looking good in Firefox2 and Netscape. Opera still doesn't force your 'content' container down. And one little error... whats going on with the breadcrumb, before the '> here'. Its a link but I can't see it. Is it white?
The breadcrumb is one of the
The breadcrumb is one of the two remaining issues. With IE it displays the background as blue (and the link in white) but not in firefox. Also the top menu is still not working quite right but I can't figure it out at all!
Does opera do something different with UL's? I've just installed it and the menus on the right are a bit wacky.
I think I now have
I think I now have everything working. It looks good in the browsers I have access to.
Any further comments are welcomed.
That site is looking smart
That site is looking smart now dude!
One little comment, the text on your main nav is in caps in the code. I suggest you make it normal lowercase and use css (text-transform) to make it uppercase on the screen.
Thanks. Good idea. I'll have
Thanks. Good idea. I'll have a look into that.
I like it, which is unusual
I like it, which is unusual for me on site reviews, look clean, loads well ...........well done
tags are no existant and there are a few seo issues, but all in all what a great site good luck with it
Thanks for taking a look.
Thanks for taking a look. I'm very pleased the design is looking good to everyone. I've yet to include any tags etc as I just wanted to get the layout working. I'll make sure to include them in the final version.
A bit off topic but does anyone know how google will handle it when I switch to my new site as all the current pages will change slightly and no longer be accessible via their old URLs. Will all of my google dead links lead to any problems with google? I'm planning on creating some custom error pages to point the visitor in the right direction.
You are on the right tracks
You are on the right tracks for sure, if you want some advice on your tags, drop me a line before you start.
I started a blog this morning that may be of interest to you http://websitedesign.tumblr.com/
I would also get your head around this, it is very important for sites like yours
Thanks for the advice and
Thanks for the advice and links. I seem to get reasonable results using the tagging on my current ste and intend to implement a similar setup on my new one once implemented. I will also look to optimise things a bit further. I will contact you when I get to this stage if I need some help.