<?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>MoonKat Creations &#187; Browsers</title>
	<atom:link href="http://www.moonkatcreations.com/category/browsers/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.moonkatcreations.com</link>
	<description>Not just another WordPress blog about web design</description>
	<lastBuildDate>Tue, 27 Jul 2010 04:50:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>No list bullets in IE6</title>
		<link>http://www.moonkatcreations.com/web-design/browsers/no-list-bullets-in-ie6/</link>
		<comments>http://www.moonkatcreations.com/web-design/browsers/no-list-bullets-in-ie6/#comments</comments>
		<pubDate>Tue, 18 May 2010 15:16:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[IE6]]></category>

		<guid isPermaLink="false">http://www.moonkatcreations.com/?p=284</guid>
		<description><![CDATA[Apparently, IE6 doesn&#8217;t display bullets on a list that&#8217;s floated, or display inline. The solution for the floating problem: wrap the list in a div and float the div.
]]></description>
			<content:encoded><![CDATA[<p>Apparently, IE6 doesn&#8217;t display bullets on a list that&#8217;s floated, or display inline. The solution for the floating problem: wrap the list in a div and float the div.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moonkatcreations.com/web-design/browsers/no-list-bullets-in-ie6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Windows XP Mode for Testing IE6 on Windows 7 Machine</title>
		<link>http://www.moonkatcreations.com/web-design/browsers/windows-xp-mode-for-testing-ie6-on-windows-7-machine/</link>
		<comments>http://www.moonkatcreations.com/web-design/browsers/windows-xp-mode-for-testing-ie6-on-windows-7-machine/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 18:40:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[browser bugs]]></category>
		<category><![CDATA[browser testing]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[internet explorer]]></category>

		<guid isPermaLink="false">http://www.moonkatcreations.com/?p=261</guid>
		<description><![CDATA[When I was researching ways to run IE6 for browser testing purposes on my Windows 7 machine I came across XP Mode.

I never thought I'd say this, but "Thanks Microsoft for this helpful development tool."]]></description>
			<content:encoded><![CDATA[<p>When I was researching ways to run IE6 for browser testing purposes on my Windows 7 machine (other than with IE Tester, which is buggy, or Multiple IE, which I don&#8217;t think even runs on Windows 7), I came across XP Mode.</p>
<p>It&#8217;s simple to install, and it comes preinstalled with IE6. You don&#8217;t even need a serial number for XP. Just follow the steps on the page (they&#8217;re surprisingly straightforward) and you&#8217;re golden. The only thing that was even slightly tricky was configuring BIOS if your hardware virtualization isn&#8217;t turned on, but I managed with no problems, and I never do any configuration.</p>
<p>I never thought I&#8217;d say this, but &#8220;Thanks Microsoft for this helpful development tool.&#8221;</p>
<p>Installation page: <a href="http://www.microsoft.com/windows/virtual-pc/download.aspx">http://www.microsoft.com/windows/virtual-pc/download.aspx</a></p>
<p>BIOS configuration instructions: <a href="http://www.microsoft.com/windows/virtual-pc/support/configure-bios.aspx">http://www.microsoft.com/windows/virtual-pc/support/configure-bios.aspx</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.moonkatcreations.com/web-design/browsers/windows-xp-mode-for-testing-ie6-on-windows-7-machine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE6 Duplicate Content Bug</title>
		<link>http://www.moonkatcreations.com/web-design/css/ie6-duplicate-content-bug/</link>
		<comments>http://www.moonkatcreations.com/web-design/css/ie6-duplicate-content-bug/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 22:10:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.moonkatcreations.com/?p=236</guid>
		<description><![CDATA[When you have text mysteriously repeating after a series of floated elements in Internet Exploder 6, the general consensus is that it is due to comments being sandwiched between floats, as explained here:
http://www.positioniseverything.net/explorer/dup-characters.html
However, when I faced this problem today, I systematically removed all of my comments from my html, and the problem still persisted. I [...]]]></description>
			<content:encoded><![CDATA[<p>When you have text mysteriously repeating after a series of floated elements in Internet Exploder 6, the general consensus is that it is due to comments being sandwiched between floats, as explained here:</p>
<p><a title="Position Is Everything" href="http://www.positioniseverything.net/explorer/dup-characters.html" target="_blank">http://www.positioniseverything.net/explorer/dup-characters.html</a></p>
<p>However, when I faced this problem today, I systematically removed <em>all</em> of my comments from my html, and the problem still persisted. I also tried adding a 3px negative right margin to the element as the above article recommended, as well as &#8216;display:inline;&#8217; with no luck. So, still not knowing the issue, I took a stab at a solution, and it worked.</p>
<p><strong>I applied the style &#8216;position: relative;&#8217; to the element containing the repeated text.</strong> (Not the element that contains the unwanted text, but the original text.)</p>
<p>As with other positioning bugs, this one seems to be rectified with relative positioning. As for the actual cause of my repeated content as separate from the usual cause of float-sandwiched comments, I guess it will remain a mystery.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moonkatcreations.com/web-design/css/ie6-duplicate-content-bug/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Why is background 1 pixel off in Firefox?</title>
		<link>http://www.moonkatcreations.com/web-design/css/why-is-background-1-pixel-off-in-firefox/</link>
		<comments>http://www.moonkatcreations.com/web-design/css/why-is-background-1-pixel-off-in-firefox/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 19:56:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[browser bugs]]></category>
		<category><![CDATA[firefox]]></category>

		<guid isPermaLink="false">http://www.moonkatcreations.com/?p=93</guid>
		<description><![CDATA[Okay, this one really stumped me. My non-repeating, centered content background was shifted one pixel to the left in Firefox, but looked correct in Safari and Internet Explorer. Something that looks right in Safari (the most compliant browser) and Internet Explorer (no comment) &#8230; hmmm. This was more perplexing than the usual randomness of IE&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>Okay, this one really stumped me. My non-repeating, centered content background was shifted one pixel to the left in Firefox, but looked correct in Safari and Internet Explorer. Something that looks right in Safari (the most compliant browser) and Internet Explorer (no comment) &#8230; hmmm. This was more perplexing than the usual randomness of IE&#8217;s bugs. After checking everything from floats to margins, I came across this post:</p>
<p>http://wordpress.org/support/topic/246908</p>
<p>The solution: move the css background-image from the body tag into a container, like the content wrapper. I would have done this initially by instinct, but since I&#8217;m using a CMS template, most of the layout was already done for me. Apparently, the body tag in Firefox is shifted one pixel to the left, and styling it with a background image results in that image being shifted also.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moonkatcreations.com/web-design/css/why-is-background-1-pixel-off-in-firefox/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Textarea Scrolling in Firefox</title>
		<link>http://www.moonkatcreations.com/web-design/html/textarea-scrolling-in-firefox/</link>
		<comments>http://www.moonkatcreations.com/web-design/html/textarea-scrolling-in-firefox/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 20:19:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[browser bugs]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[textarea]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.moonkatcreations.com/?p=3</guid>
		<description><![CDATA[1. Firefox will put a vertical AND horizontal scrollbar on a textarea by default.
To get rid of the horizontal scrolling, use this:
overflow-y: scroll; (or overflow-y: auto if you don&#8217;t want your scrollbar to appear if it&#8217;s not needed)
 overflow-x: hidden;
Not this, as I&#8217;ve seen suggested on various blogs:
 overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
I&#8217;m not sure what [...]]]></description>
			<content:encoded><![CDATA[<p>1. Firefox will put a vertical AND horizontal scrollbar on a textarea by default.</p>
<p>To get rid of the horizontal scrolling, use this:</p>
<p><strong>overflow-y: scroll; </strong>(or<strong> overflow-y: auto </strong>if you don&#8217;t want your scrollbar to appear if it&#8217;s not needed)<br />
<strong> overflow-x: hidden;</strong></p>
<p>Not this, as I&#8217;ve seen suggested on various blogs:</p>
<p><strong> overflow: scroll;<br />
overflow-y: scroll;<br />
overflow-x: hidden;<br />
overflow:-moz-scrollbars-vertical;</strong></p>
<p>I&#8217;m not sure what the advantage is to the extra styles, as I&#8217;ve seen no difference in rendering.</p>
<p>2. Firefox will not wrap a single word. Use text with spacing for testing. I&#8217;ve made the mistake of testing with one long string of keyboard gibberish, and wondered why I could only get horizontal scrolling. Also, if you have your x-scrolling disabled, the string of characters that exceeds the width of the text box will be cut off from view.</p>
<div id="attachment_4" class="wp-caption alignnone" style="width: 201px"><img class="size-full wp-image-4" title="lipsum" src="http://blog.moonkatcreations.com/wp-content/uploads/blog.moonkatcreations.com/2009/06/lipsum.png" alt="Spaces are good." width="191" height="81" /><p class="wp-caption-text">Spaces are good</p></div>
<div id="attachment_5" class="wp-caption alignnone" style="width: 201px"><img class="size-full wp-image-5" title="no_spaces" src="http://blog.moonkatcreations.com/wp-content/uploads/blog.moonkatcreations.com/2009/06/no_spaces.png" alt="Single string is bad" width="191" height="81" /><p class="wp-caption-text">Single string is bad</p></div>
<p>3. Be sure to set the height of the textarea great enough for the browser to render a scroll icon. If the textarea isn&#8217;t tall enough, all you&#8217;ll get is a gray box on the right hand side, which is still functional, but not intuitive.</p>
<div id="attachment_6" class="wp-caption alignnone" style="width: 201px"><img class="size-full wp-image-6" title="lipsum1" src="http://blog.moonkatcreations.com/wp-content/uploads/blog.moonkatcreations.com/2009/06/lipsum1.png" alt="With a specified height" width="191" height="81" /><p class="wp-caption-text">With a specified height</p></div>
<div id="attachment_7" class="wp-caption alignnone" style="width: 198px"><img class="size-full wp-image-7" title="no_set_height" src="http://blog.moonkatcreations.com/wp-content/uploads/blog.moonkatcreations.com/2009/06/no_set_height.png" alt="Without a specified height" width="188" height="45" /><p class="wp-caption-text">Without a specified height</p></div>
<p><span id="more-6"></span><!--more--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.moonkatcreations.com/web-design/html/textarea-scrolling-in-firefox/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
