Creating A Website To Be Cross-browser Compatible
Posted 26 May 2008 - 10:12 PM
Is this true?
Any other suggestions?? Because this seems to be an issue, that I can't seem to find the answer to. How do I make my websites LOOK close to my original design.
Posted 27 May 2008 - 04:25 AM
So the webmaster was correct, test the site using Firefox or Opera and then see how it looks using IE. It's also worth remembering that a website that works in IE7 may not work in IE5!
Incidentally, you cannot ever guarantee that your site will look the same as you original design. People use different operating systems, browsers and monitors, they adjust font sizes and colours, have different screen resolutions, change the brightness, wear glasses, are colour blind and so on. But if you stick with the 'web standards' your chances of success will increase.
There are loads of site dedicated to web standards:
Wikipedia - web standards
Web Standards Project
W3C and W3 Schools
Zeldman's Invaluable Book
The Maxdesign Checklist
Posted 27 May 2008 - 06:42 AM
Posted 27 May 2008 - 07:28 AM
Posted 27 May 2008 - 08:02 AM
It's no good building a site that only works properly in IE7 and FF2 if 50% if your potential customers are still using IE6.
Posted 27 May 2008 - 08:40 AM
But this is getting away from the issue - forget everybody else, build your site from the ground up. A simple HTML page that has nothing more than headers, paragraphs and lists with great content and intuitive navigation could be considered good design; it is totally accessible, usable and provides the visitor with the content they need even via the slowest internet connection.
Being compatible to mobile devices is not that difficult, all you need is a 'handheld.css' to scrub out the bits that the mobile device doesn't need or can't resolve.
My example of good design: arxiv.org/. Not visually stunning but very simple to use and meets the needs perfectly of the scientists and researchers that use the site.
Posted 27 May 2008 - 08:44 AM
A site built in flash may look stunning and win all sorts of awards but be totally unusable to someone in a school struggling to get by on an old PC with IE5 and a 15" monitor.
That was my point of posting that website. Great designs! (although relative word) but it might not be compatible with all devices.
Do you have some good examples of how to effectively use handheld.css?
Edited by Flying Monkeys, 27 May 2008 - 08:45 AM.
Posted 27 May 2008 - 09:17 AM
The sort of things you don't need are: borders and backgrounds, you can strip out all the images for effect, floats and display:block. Turn your styled navigation list into a standard list and clean up all the font effects.
You can do the same thing in a print.css file.
In your document head you can then add:
<link rel="stylesheet" type="text/css" href="print.css" media="print"> <link rel="stylesheet" type="text/css" href="styles.css" media="screen"> <link rel="stylesheet" type="text/css" href="handheld.css" media="handheld">More information from the W3C
If you have built the site with a logical structure and used divs to break up the part of the page (logo, navigation, maincontent, sidebar, footer etc) you can hide great chunks from the mobile device.
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users