Re: Website Resolution for Awards?
 

Hey guys' feel free to browse my website for info on website design. It's based more around the actual development of the site rather than the pretty graphics and such. If you find my site interesting, please signup for a membership and contribute to my community. Thanks guys (and gals). Also can you give me more info on the actual website award system, maybe I would like to enter.

Re: Website Resolution for Awards?
 

Dylan...I don't think personal websites are applicable for the FIRST website award... Anywho, I remember this discussion and the talk of making an entire image for a webpage. Enter ZeldasMafia.com. Looks a lot better than it used to I admit, and it's all images. Woot lol!

Re: Website Resolution for Awards?
 

I think he meant entering his team's website for the award.

Re: Website Resolution for Awards?
 

When designing a website, you have to decide what kind of computers will be able to view it... I design mine to be viewable at 800px resolution using either IE or Mozilla (with HTML 4.0 and CSS2 support). Chances are, you will need at least two different style sheets if you plan to do any layering (since IE and Mozilla have different standards). As far as text size, I prefer to lock it up using CSS to make sure that everything fits together; after all, if I can see it fine on a 1280 monitor, someone using an 800 monitor should see it even better. While I support the idea of using the latest technologies, I am against the idea of using technologies that are not standard on modern computers: for instance, Flash Player and Java are not installed on computers. The judges aren't going to visit our websites in Lynx (a text based unix browser), but they will probably expect your site to work without having to install new programs.

I've personally tested our team website (http://www.titanrobotics.net/) in all the conditions mentioned, and made sure that it would display properly.

Remember: you can make very modern-looking websites using CSS and not requiring the "latest" technologies.

Re: Website Resolution for Awards?
 

I agree, CSS is definitely the best option here...

Re: Website Resolution for Awards?
 

Here is a print screen of TitanRobotics.Net in 800 x 600 in Mozilla, and 1280 x 1024 in IE. It may looked a bit squished in the 1280 but not to a point where it is displeasant...

If you wanted to learn something from this...
 

If you wanted to learn something from thread, It would be....

800x600 is the best resolution of ANY website that cares about accessbillity. This would be 760x420. Why? Because most OS's default to 800x600. If a site is designed for 1028 x 768, you're leaving 800x600 is dust(42% of internet users). However, if a site is designed for 800x600 , it complies with all other browsers.

Bottom Line : Design sites for 800x600, which would be around 760x420 viewable.

Re: Website Resolution for Awards?
 

Usually one would use "ours" or "we" when describing a teams website.

Re: Website Resolution for Awards?
 

::shrugs:: Perhaps the last line was seperate from the rest of his message...

Hence the 'also'. Maybe the Website Award is something he hasn't heard of before, and he was interesting in entering the website he built for his team. He never said it was his website, just that he was interested in entering, which could mean he was interested in entering the website he built for his team. Or maybe I'm wrong. ::shrugs:: PM him about it, if you should so desire.

Re: Website Resolution for Awards?
 

You know, if you use a doctype, you could have IE and mozilla use the same standards. Get out of quirks mode and things get much nicer for all involved.

Re: Website Resolution for Awards?
 

the problem isn't what standard is used, it's how the standard is implemented - unfortunately, IE and Mozilla do not implement the W3C standards in the same way, so they aren't really "standard" (in my experience, Mozilla usually comes closer to the standard, while IE throws in extra features at the expense of standardization).

Re: Website Resolution for Awards?
 

Yeah, if there really were a way to get IE and Mozilla to act the same, then believe me, it would be all over the place. The real differences are in CSS and JavaScript where both browsers tend to interpret things differently.

Re: Website Resolution for Awards?
 

If you use the CSS1 core stuff, they interpret nearly identically. This is because IE actually supports it fully. Both browsers, IE more (and Opera even more so), take liberties in rendering. These liberties are usually within the scope of the standards (which a lot of people don't bother to actually read or understand). As a result, sometimes certain CSS rules must be put in place that you normally wouldn't. Like color:black for example. You wouldn't think to do that, but when nested within another element, the two browsers might inherit its colour instead of inheriting the default or vice-versa.

The same idea applies for HTML. As HFWang said, if you take the time to use a non-quirks doctype, you will see some very consistent rendering. Stay within the abilities of Internet Explorer and the two browsers will render nearly identically. On my website, I use a lot of CSS2 and a few CSS3 rules. They are not important and IE will understand all that is necessary.

As for JavaScript, don't use it unless you have to!

Re: Website Resolution for Awards?
 

It's not really a matter of colors, but the fact that mozilla interprets pixels differently... For some odd reason, a page made out using div borders may look perfect in IE but will be totally out of the place in Mozilla. That is the largest problem that I face when creating CSS websites.

Another problem (which doesn't concern me much) is that JavaScript is interpreted totally differently in Mozilla and IE. IE uses the "all" method in which all window components are of equal power (kind of), and Mozilla uses the "layers" method which provides a hierarchy for window components. Of course the most flagrant difference is that different commands need to be used in the browsers to get the same thing accomplished.
Here is a link to an example of what needs to be done to get the same behaviors in IE and Mozilla (look at the source code):
http://www.ac.wwu.edu/~granier/Winte...3/Browser.html

Re: Website Resolution for Awards?
 

This is because of the different interpretations of the HTML element box model. For example, one browser may put the border within the (block) element's space and another may put it outside. IE's box model interpretation is flawed in a few areas, even in standards mode. You could serve seperate stylesheets, but there are many other ways of getting around these problems, no? Truth be told, when the two browsers differ, chances are (by a huge margin) Mozilla's doing it right and IE isn't.

This isn't completely the case here. Mozilla (and IE6 to some extent) has support for the W3C DOM; both layers and all are the wrong way to go. You are absolutely correct in your assertion about layers' and all's differing interpretations to be extremely counter-intuitive (aaaaaaaaagh!), but there are ways around this in many cases with the DOM. Of course, I try not to use JavaScript at all, because quirks like the ones you mention really bug me.