<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Roughly the TRUTH &#187; Web Browser</title>
	<atom:link href="http://www.joelneuenhaus.com/category/web-browser/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.joelneuenhaus.com</link>
	<description>Just another WordPress weblog :: by JFN</description>
	<lastBuildDate>Sat, 03 Jul 2010 22:37:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>How To Fix Internet Explorer CSS with Thesis in WordPress</title>
		<link>http://www.joelneuenhaus.com/2009/07/08/wordpress-thesis-theme-ie-browser-compatibility/</link>
		<comments>http://www.joelneuenhaus.com/2009/07/08/wordpress-thesis-theme-ie-browser-compatibility/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 20:21:36 +0000</pubDate>
		<dc:creator>JFN</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tech Tips]]></category>
		<category><![CDATA[Web Browser]]></category>
		<category><![CDATA[Web Publishing]]></category>

		<guid isPermaLink="false">http://www.joelneuenhaus.com/?p=409</guid>
		<description><![CDATA[Repair the look of your website in Internet Explorer using WordPress with the Thesis Theme. Built in conditional classes make CSS more useful than ever.]]></description>
			<content:encoded><![CDATA[<p>Internet Explorer can be a real pain when writing CSS <img src='http://www.joelneuenhaus.com/blog3/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> . It seems that others have struggled with cross-browser compatibility issues, but <a href="http://diythemes.com/?a_aid=wp">using Thesis</a>, I was able to conquer most of these issues on my own <img src='http://www.joelneuenhaus.com/blog3/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> &#8230;</p>
<p><strong>First</strong>, take note of the body classes called when your site is viewed in IE (you can see this by viewing the source code in the right-click context menu when you&#8217;re on the page with the problems). In IE8, my about page looks something like this:<br />
<span style="text-align: center; font-style: italic; background-color: lightGray;">body class=&#8221;custom about ie ie8&#8243;</span></p>
<p>While in Firefox 3.5, my about page looks like this:<br />
<span style="text-align: center; font-style: italic; background-color: lightGray;">body class=&#8221;custom about&#8221;</span></p>
<p>This will enable you to create CSS rule(s) which will apply to your site only when users view it in an IE browser.</p>
<p><strong>Second</strong>, in <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">IE8</a> you can tweak your pages (much like <a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a> for Firefox) with the built in <strong><a href="http://blogs.msdn.com/ie/archive/2008/03/07/improved-productivity-through-internet-explorer-8-developer-tools.aspx">Developer Tools</a></strong> (Navigate to the &#8216;Tools&#8217; menu and you should see it beneath there).</p>
<p>The developer tools will open up in another window. Select the <em><strong>CSS</strong></em> tab at the top and then you should be able to select your <em><strong>custom.css</strong></em> style sheet from the drop down menu. As you un-check/check the boxes next to the different CSS rules, you will be able to see the changes made live to your webpage in the other window. You will also be able to change the current styles and add new ones (right-clicking in the developer tools window has some useful functions for adding rules to your style sheet).</p>
<p><img src="http://ieblog.members.winisp.net/images/ElementStyleInfo.png" alt="IE8 Developer Tools - HTML/CSS Split View" /></p>
<p><strong>Finally</strong>, changing your <em>custom.css</em> in developer tools won&#8217;t make your changes permanent, so once I get things right, I usually just make the changes manually to my <em>custom.css</em> (there may be a better way, but this is what works for me).</p>
<p>Good luck!</p>
<p><strong>P.S.</strong><br />
Just to be clear, the information above refers to my setup which includes:</p>
<ul>
<li>Firefox 3.5</li>
<li>IE8 (Thesis will apparently read which version of IE the site is viewed in and will display the appropriate body classes &#8211; IE6/IE7/etc. &#8211; allowing even more specific CSS rules)</li>
<li>WordPress 2.8</li>
<li><a href="http://diythemes.com/?a_aid=wp">Thesis 1.5.1</a></li>
</ul>
<p>When identifying the IE specific rules in your custom.css file, it is not necessary to include the .custom class specification. Instead, use the appropriate IE body class. For instance:</p>
<p><span style="text-align: center; font-style: italic; font-weight: bold; background-color: lightGray;">.ie #header { border-top: 1px; }</span></p>
<h3>Some Related Resources</h3>
<ul>
<li><a href="http://diythemes.com/answers/custom-css-classes-posts-pages/">http://diythemes.com/answers/custom-css-classes-posts-pages/</a></li>
<li><a href="http://diythemes.com/forums/customization/4838-how-do-i-link-custom-stylesheet-ie-browsers.html">http://diythemes.com/forums/customization/4838-how-do-i-link-custom-stylesheet-ie-browsers.html</a> (members only)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.joelneuenhaus.com/2009/07/08/wordpress-thesis-theme-ie-browser-compatibility/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox Extension &#124; Google Browser Sync</title>
		<link>http://www.joelneuenhaus.com/2006/06/07/firefox-extension-google-browser-sync/</link>
		<comments>http://www.joelneuenhaus.com/2006/06/07/firefox-extension-google-browser-sync/#comments</comments>
		<pubDate>Thu, 08 Jun 2006 03:19:38 +0000</pubDate>
		<dc:creator>JFN</dc:creator>
				<category><![CDATA[Early Adopter]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web Browser]]></category>

		<guid isPermaLink="false">http://www.joelneuenhaus.com/blog3/2006/06/07/firefox-extension-google-browser-sync/</guid>
		<description><![CDATA[Google Browser Sync is a new extension, released today, for use with the Firefox web browser. Here&#8217;s what it does: &#8220;continuously synchronizes your browser settings – including bookmarks, history, persistent cookies, and saved passwords – across your computers. It also allows you to restore open tabs and windows across different machines and browser sessions&#8221; This [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.google.com/tools/firefox/browsersync/index.html">Google Browser Sync</a> is a new extension, released today, for use with the <a href="http://www.mozilla.com/firefox/">Firefox</a> web browser.</p>
<p>Here&#8217;s what it does:</p>
<blockquote><p>&#8220;continuously synchronizes your browser settings – including bookmarks, history, persistent cookies, and saved passwords – across your computers. It also allows you to restore open tabs and windows across different machines and browser sessions&#8221;</p></blockquote>
<p>This strikes me as some hefty competition for a number of existing extensions and online services that have been spawned as a result of Firefox&#8217;s extensible open source software platform. Ex the social networking aspect, this little app looks like a god-send for those of us who can do without sharing all of our &#8216;private&#8217; information with online world&#8230;or does it?</p>
<p>Rather than leaving your online footprint with one of the many popular sharing sites (<a href="http://del.icio.us">Delicious</a>; <a href="http://www.furl.net">furl</a>; et. al.), now you can leave it with Google. Although, after the recent <a href="http://www.bloomberg.com/apps/news?pid=10000103&#038;sid=af87XTpBzphA&#038;refer=us">subpoenas from the US Justice Department</a>, all of you gay-marriage enthusiasts may want to think twice. Here&#8217;s what Google has to say in their privacy notice:</p>
<blockquote><p>• Google will store the Firefox browser settings that you select in association with your Google account and use them to synchronize settings for Firefox browsers on other computers. You can choose to encrypt Google’s stored copies of your settings. When you update or delete your browser settings, the copy stored with your Google Account will be updated or deleted as well.</p>
<p>• Any user of your browser can see its history and other settings. Google Browser Sync synchronizes these settings among every browser on which you install Browser Sync. This means that anyone who uses one of those browsers can see browser settings created on the others. In addition, by using the browser anyone can create new settings, such as browsing history, that will be synchronized.</p></blockquote>
<p><em>I&#8217;ve just installed it, so I can&#8217;t comment on the specifics, but it looks like it could be quite useful&#8230;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.joelneuenhaus.com/2006/06/07/firefox-extension-google-browser-sync/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.247 seconds -->
