How-To Geek Forums Topic: Website Help. Viewing in different browsers!?

How-To Geek Forums Topic: Website Help. Viewing in different browsers!? http://www.howtogeek.com/forum/ How-To Geek Forums Topic: Website Help. Viewing in different browsers!? en Fri, 09 Jan 2009 09:13:50 +0000 The Geek on "Website Help. Viewing in different browsers!?" http://www.howtogeek.com/forum/topic/website-help-viewing-in-different-browsers#post-30986 Thu, 26 Jun 2008 15:31:24 +0000 The Geek 30986@http://www.howtogeek.com/forum/ Yep. You can even have one stylesheet for good browsers, another for IE7 and another for IE6. Although realistically IE7 is not all that terrible in rendering... just some weird margin/padding issues still. nekizalb on "Website Help. Viewing in different browsers!?" http://www.howtogeek.com/forum/topic/website-help-viewing-in-different-browsers#post-30981 Thu, 26 Jun 2008 14:29:46 +0000 nekizalb 30981@http://www.howtogeek.com/forum/ Conditional Comments? I've never heard of those. Must research. No need to apologize. I'm glad there's an easier way than mine. So you would put the firefox css first, then the overriding IE css in a conditional comment. <link rel="stylesheet" type="text/css" href="Firefox.css" />  Is that about right? The Geek on "Website Help. Viewing in different browsers!?" http://www.howtogeek.com/forum/topic/website-help-viewing-in-different-browsers#post-30589 Tue, 24 Jun 2008 07:11:29 +0000 The Geek 30589@http://www.howtogeek.com/forum/ Actually the proper way to do this is to use conditional comments in the page... for instance to specify an alternate stylesheet for IE6 you would use this conditional comment saying only process if less than IE 7:  Sorry to hijack your answer, nekizalb =) nekizalb on "Website Help. Viewing in different browsers!?" http://www.howtogeek.com/forum/topic/website-help-viewing-in-different-browsers#post-30586 Tue, 24 Jun 2008 06:56:45 +0000 nekizalb 30586@http://www.howtogeek.com/forum/ This script should help you out. <script type="text/javascript"> var browser=navigator.appName; if (browser == "Microsoft Internet Explorer") { document.write("<link rel=/"stylesheet/" type=/"text//css/" href=/"#####.css/" //>"); } else { document.write("<link rel=/"stylesheet/" type=/"text//css/" href=/"$$$$$.css/" //>"); } </script> Replace the ##### with the source of your Internet Explorer CSS, and the $$$$$ with your other CSS. Then place this script within the <head></head> tags. If you put the CSS fiels in a subdirectory, then you need to escape every slash you use. For example, if you store them in a folder called CSS, you would normally write href="CSS/source.css" .You need to escape the slash (and the quotes, but i already did that for you) by putting another slash before it like this, href=/"CSS//source.css/" I know it looks wierd, but that's a javascript for you :P. Let me know if it works! Barlow on "Website Help. Viewing in different browsers!?" http://www.howtogeek.com/forum/topic/website-help-viewing-in-different-browsers#post-29682 Thu, 19 Jun 2008 14:06:18 +0000 Barlow 29682@http://www.howtogeek.com/forum/ Hi guys. I'm new to web building and am currently designing a website using XHTML and CSS. I was just wondering how I can get the site to look the same in Firefox and Internet Explorer as at the minute it looks slightly different when I view it in IE as I have been designing it using Firefox. Do I need to create a separate Style Sheet? If so, what is the code to enter to define which Stylesheet to use with each browser. I hope that makes sense. If someone could explain this to me in pretty simple terms, as I said, i'm a newbie! Thanks!