{"id":990,"date":"2009-02-05T20:19:10","date_gmt":"2009-02-05T12:19:10","guid":{"rendered":"http:\/\/www.janleow.com\/life\/?p=990"},"modified":"2009-02-05T20:19:10","modified_gmt":"2009-02-05T12:19:10","slug":"make-your-own-web-site-note-about-browser-differences","status":"publish","type":"post","link":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-note-about-browser-differences.html","title":{"rendered":"Make your own web site note about browser differences"},"content":{"rendered":"<p>It may be interesting and fun to make your own web site. However the way each browser (IE\/Firefox\/Opera\/Chrome) handles the HTML\/CSS codes leaves you with many headaches. Although my browser of choice is Firefox, there is still a large user base for Internet Explorer. I can say that roughly as much as 70% of users out there are still using IE because it came with Windows and also due in part to ignorance or unfamiliarity with other alternatives.<!--more--><\/p>\n<p>Having played around with IE\/Firefox\/Opera\/Chrome browsers, I found that Firefox\/Opera\/Chrome loads a web page faster than IE. I think Chrome is the fastest of them all because of its simplicity. Though I know of a friend who is a diehard Opera browser supporter (he will probably comment on this page once I post this up!). I prefer Firefox because of the two toolbar add-ons from Google and Yahoo that I used a lot. This toolbar is only available for IE and Firefox but not for Opera and Chrome, thus limits my advance usability with Opera and Chrome. If you don&#8217;t need Google page rank indicator and Google\/Yahoo bookmarks accessibility or any of the toolbar features, then Opera and Chrome could be a good alternative choice.<\/p>\n<p>In most general cases when coding HTML\/CSS, the web site should render according to what you have programmed. However there are differences in the way each of the browser handles the code.<\/p>\n<p>For aligning by just using &lt;div&gt; tags and CSS codes, IE renders the page badly. Sometimes just to solve the alignment problem I just throw in the towel and use tables instead which according to current HTML\/CSS coding trend makes for bad programming practice. Not much of choice if no matter how you try to sort out the HTML\/CSS code and the alignment ran for IE, but not for the other browser, then the use of tables had to be adopted to fix it until a better way of coding it from CSS could be found.<\/p>\n<p>For JavaScript, I noticed that Opera has a different way it handles some of the codes, and it wouldn&#8217;t come out the way I wanted it to do. It is not so much the alignment but the way JavaScript is handled by Opera. It actually reduced the web page functionality when the JavaScript did not function like the other browsers.<\/p>\n<p>And for Chrome, there was one CSS code which controls the display block also handles the page differently. Though this was not a big issue, just a loss on the nice display but otherwise the web page functioned without any major issue.<\/p>\n<p>In most part, how should you code your web page? As usual code it according to majority. Even though I don&#8217;t really like to use Internet Explorer, I still must make sure the HTML\/CSS will work well with IE since this is what the majority of users would be using. While for the other less popular ones like Opera and Chrome, I could try to fix it if necessary, but if it was not such a big issue, I would just leave it as is. It would just be a minor annoyance. However being a little fussy about having a properly working site, I may one day just try to tweak such errors and make it work.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It may be interesting and fun to make your own web site. However the way each browser (IE\/Firefox\/Opera\/Chrome) handles the HTML\/CSS codes leaves you with many headaches. Although my browser of choice is Firefox, there is still a large user base for Internet Explorer. I can say that roughly as much as 70% of users &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.janleow.com\/life\/make-your-own-web-site-note-about-browser-differences.html\"> <span class=\"screen-reader-text\">Make your own web site note about browser differences<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[12],"tags":[160,162],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1bS5F-fY","jetpack-related-posts":[{"id":997,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-browser-troubleshooting.html","url_meta":{"origin":990,"position":0},"title":"Make your own web site browser troubleshooting","author":"Jan","date":"14 February 2009","format":false,"excerpt":"Sometimes different browsers react differently to the HTML\/CSS when you make your own web site, you have to watch out and test it on each browser. Kind of a drag if you want to make sure IE\/Firefox\/Opera\/Chrome works flawlessly. If that is too much of a chore, then just concentrate\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3081,"url":"https:\/\/www.janleow.com\/life\/online-bookmarks-service-for-synchronizing-between-pc-and-browsers.html","url_meta":{"origin":990,"position":1},"title":"Online Bookmarks Service for Synchronizing between PC and Browsers","author":"Jan","date":"27 June 2011","format":false,"excerpt":"Store your bookmarks online and you can also synchronize between browsers and several PC including your mobile devices like iPhone, Android phone and Symbian enabled phones. Also no need to worry about losing all your bookmarks whenever you reinstall your PC. Xmarks.com \u2013 this is the best so far that\u2026","rel":"","context":"In &quot;Computer Devices&quot;","block_context":{"text":"Computer Devices","link":"https:\/\/www.janleow.com\/life\/category\/computer-devices"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1756,"url":"https:\/\/www.janleow.com\/life\/online-bookmarks.html","url_meta":{"origin":990,"position":2},"title":"Online Bookmarks","author":"Jan","date":"23 February 2010","format":false,"excerpt":"I\u2019m using a lot of the online bookmark apps provided by the search engines like Google and Yahoo. I also have a Delicious account for social bookmarking as well as trying out Google Chrome and Opera synchronized bookmarks. I\u2019m all for using online bookmarks as it has one great advantage\u2026","rel":"","context":"In &quot;Computer Devices&quot;","block_context":{"text":"Computer Devices","link":"https:\/\/www.janleow.com\/life\/category\/computer-devices"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1690,"url":"https:\/\/www.janleow.com\/life\/google-multiple-sign-in.html","url_meta":{"origin":990,"position":3},"title":"Google Multiple Sign In","author":"Jan","date":"9 August 2010","format":false,"excerpt":"Google multiple sign in is another very useful feature launched by Google recently. Certainly helps if you have multiple Gmail account. And why would you have so many Gmail \/ Google account in the first place? Many like me I found has a Gmail account for personal, for work, or\u2026","rel":"","context":"In &quot;Computer Devices&quot;","block_context":{"text":"Computer Devices","link":"https:\/\/www.janleow.com\/life\/category\/computer-devices"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2738,"url":"https:\/\/www.janleow.com\/life\/exit-junction-review.html","url_meta":{"origin":990,"position":4},"title":"Exit Junction Review","author":"Jan","date":"10 September 2010","format":false,"excerpt":"It is always nice to have some side income while blogging. And Exit Junction is another alternate affiliate program just for that. Exit Junction works a little differently compared with the other advertisement program that you see plastered around my website. I came across this while browsing online and it\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1195,"url":"https:\/\/www.janleow.com\/life\/finally-upgrade-to-windows-7.html","url_meta":{"origin":990,"position":5},"title":"Finally upgrade to Windows 7","author":"Jan","date":"29 December 2009","format":false,"excerpt":"Windows 7 is out in the market for some time now. And from what has been reviewed, it seems to be very popular and much more user friendly than Windows Vista. So without much ado, it was time for me to upgrade to Windows 7, well at least for my\u2026","rel":"","context":"In &quot;Computer Devices&quot;","block_context":{"text":"Computer Devices","link":"https:\/\/www.janleow.com\/life\/category\/computer-devices"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/990"}],"collection":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/comments?post=990"}],"version-history":[{"count":0,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/990\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/media?parent=990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/categories?post=990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/tags?post=990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}