After about 5 weeks of tinkering around, I have finally finish my website. I have ran it against several validators for both html and css and everything has passed. I have tested it on IE 7 (still trying to find some machines with IE5 & 6), Firefox, Safari (Windows), and Opera.
This is a personal website, so i dont expect much traffic, but I prefer to do things the right...so if you have any comments/suggestions, please feel free...i'm not the type to take things personally.
You can find my site at: http://www.lambandtunafish.com/
looks sweet man!!! i like
looks sweet man!!!
i like it.. congrats..
by the way, i know u probably dont wanna hear about it after 5 weeks, but when i open the Wind Simulator theres a glitch at its bottom border (that also affects the last item, utah teapot, the same way). its like the middle of the bar is nudged upwards or something.. well its only on that one so maybe its something easy for u to fix.. apart from that it all looks cool.
im on the latest firefox for mac.
For old IE's:
For old IE's: http://tredosoft.com/Multiple_IE
It's spot on
Just loaded your site and the header and nav looks smart but the rest of site isn't loading.
I had a quick look in IE7. Looks good. My only negative observation would be the large amount of empty scrolling space at the bottom of the page. I'm one of those irritating people who assumes large empty spaces means it hasn't finished loading yet! That could just be me though...
thanks for the
thanks for the feedback:
marcosmyara: I should have access to a mac this weekend, so I will test it on there
Tom L: Thanks for the link to run multiple versions of IE...i figured the site would have problems with the older ones...in fact, I ran into a bunch of unexpected problems with IE7 as it is
Go to Projects, then navigate away from the page, then press back...with my initial design of setting the height onDomReady, it would set the height to be too short (the size needed for the home page), and thus half of the page was cut off. So I had to remove the onDomReady command
Lastly, on a side note, someone pointed out that if you increase the font size, the whole site design goes to *beep*, so I was wondering if it is a wise idea, from a design standpoint, to use pt/px instead of em when setting fonts and widths?
Thanks for the feedback!
So I realized that using a
So I realized that using a fixed pt/px for font size doesnt prevent a browser from increasing/decreasing the font size...so I only replaced the em with px in places related to width/height
On to my next question, after looking at TredoSofts way of installing multiple versions of IE, I am stuck wondering which versions of IE I should test and fix problems with. Eventually there is a point of limited returns on my time...so should I just focus on IE 6, or should I also include 5 & 5.5? what about IE 3 & IE4?
Same thing goes for firefox
IE6 is the lowest you should
IE6 is the lowest you should go. Probably about 0.0003% of people use IE5.5 (and MS officially ditched support for it, it's that bad) so stick with:
Firefox (1.5, 2 and if you want to, 3)
Opera (9.5 is the latest one I believe?)
IE6 and IE7
then check the other ones like Safari, Konqueror, etc.
So I installed IE6, and I
With respect to css, my issues are regarding margins / height / width settings. I am using explicit pixel defintions...but they show up differently across the browsers...I dont get it, I thought a pixel was a pixel.
For example, the reason the whole header looks looks wierd in IE6 is because of a margin-left: 10px; setting for the title, if I change this to 5px, it looks fine in IE6, but then IE7, and firefox look weird.
Does anyone have any ideas? How popular is IE6? (i'm guessing its still pretty heavily used)
the funny thing is, even commonly used websites like google.com dont load properly in IE6 (the page has errors)...but things atleast look ok
You'll never achieve
You'll never achieve pixel-perfect layouts between browsers, nor should you attempt to. As long as the site works in both browsers and looks similar you'll be fine
I suppose your right...I
I suppose your right...I made a small tweak so that the header in IE6 doesnt look as bad as it originally did...(i.e. everything is still on the same line, and there isn't any overflow)...but the bottom portion of the header still looks wierd in IE6...it does look correct in all other browsers I tried (IE7, Firefox 2, Safari, and Opera)..I suppose there is no way to get it to look perfect in all browsers...
still have to test Firefox 1.5 and Safari & IE on a mac...
IE on Mac is dead. Don't
IE on Mac is dead. Don't bother with it
In my opinion logo doesn't
In my opinion logo doesn't look very good when that wide.
I'd work on graphics as well and make it more complicated
But that's me...
It looks fine.
what would you suggest?
what would you suggest? other than making it skinnier? Im not much of a photoshop guy...so I dunno how complicated I can make it =]
I am completely in love with
I am completely in love with the horizontal roll on-off of text on your site!
Regarding inter-browser compatibility: According to your head-tags, it seems like you don't know about conditionality for IE - it's a bit of a hack, but as it is inside a comment, it validates and I haven't hesitated to use it on my own site, www.iproof.dk. I make it use a basic style-sheet for everything else than IE, another one for IE7 and a last one for all IE lower than IE7. In that way, it is actually possible to achive (near) pixel-perfection in different browers on less complex sites as mine. Read about the conditional tags eg. here: http://msdn2.microsoft.com/en-us/library/ms537512.aspx
Regarding tests in different browsers: I found www.browsershots.org quite useful! As I'm using Vista and can supposedly in no way get other versions than IE7 installed... But of course only for design - for functionality, live action is needed...
What browsers to test with? Well, I go primarily with FF2 (1.5), IE6, IE7 - relying on the statistics here: http://www.w3schools.com/browsers/browsers_stats.asp. 1.6% using IE5/5.5...
That's all the tricks I have for now.
Hi shlarsen, Thanks for
Thanks for your feedback...i wasnt aware that you could define different style sheets for different browsers. Thats something to definitely keep in mind, although it does add more overhead to the design/development/maintenance portion of keeping a website.
For now I have slightly modified my css so that it looks *decent* in ie6 (there is still a bit of a margin problem with the header)...
but i will try to use the different style sheets when i get a chance. Thanks again.
Also, with the design of your site, it would be rather easy to adapt a vertical/horizontal scrolling element.
Yeah, I might want to try
Yeah, I might want to try that! Do you have a link to the script and how to use it? Thanks - Søren