<?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>Build a Better Website Blog &#187; screen resolution</title>
	<atom:link href="http://www.attractweb.com/blog/tag/screen-resolution/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.attractweb.com/blog</link>
	<description>Web design, SEO and internet marketing techniques for business owners.</description>
	<lastBuildDate>Tue, 20 Jul 2010 20:51:32 +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>Cross-browser compatibility and screen resolution concerns</title>
		<link>http://www.attractweb.com/blog/2010/01/cross-browser-compatibility-and-screen-resolution-concerns/</link>
		<comments>http://www.attractweb.com/blog/2010/01/cross-browser-compatibility-and-screen-resolution-concerns/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 17:31:24 +0000</pubDate>
		<dc:creator>recast</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[cross-browser compatibility]]></category>
		<category><![CDATA[screen resolution]]></category>
		<category><![CDATA[validate html]]></category>

		<guid isPermaLink="false">http://www.attractweb.com/blog/?p=138</guid>
		<description><![CDATA[Are you sure that all of your website visitors see the same thing when coming to your URL? There are many different viewing possibilities such as browser, screen resolution and individual PC color and contrast settings.  
]]></description>
			<content:encoded><![CDATA[<p>Are you sure that all of your website visitors see the same thing when coming to your URL? There are many different viewing possibilities such as browser, screen resolution and individual PC color and contrast settings.  View your site in various combinations to be sure that everyone receives the same experience.</p>
<p><strong>Strive for cross-browser compatibility</strong><br />
The same web page can appear differently when viewed in different browsers.  Internet Explorer, Mozilla Firefox, Safari, and others each display code differently, so you must be careful to view pages in each before going live.</p>
<div id="attachment_139" class="wp-caption alignleft" style="width: 201px"><img class="size-full wp-image-139" title="consultblue" src="http://www.attractweb.com/blog/wp-content/uploads/2010/01/consultblue.gif" alt="Do we all see the same page?" width="191" height="146" /><p class="wp-caption-text">Do we all see the same page?</p></div>
<p>Usually, you can find common ground by utilizing code (stylesheets/CSS) that all of the major browsers recognize, but there may be cases that you should create distinct versions of the same page(s).  Issues that may arise are the use of features such as image maps, frames, javascript, java applets, or operating system-specific controls.  Test in as many environments as possible!</p>
<!-- AdSense Now! V1.90 -->
<!-- Post[count: 1] -->
<div class="adsense adsense-midtext" style="text-align:center;margin: 12px;"><script type="text/javascript"><!--
google_ad_client = "pub-5775900779346461";
/* Race 468x60 */
google_ad_slot = "0742684167";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div><p><strong>Layout and design for multiple screen resolutions</strong><br />
As mentioned earlier, another challenge is to make your pages attractive at various screen resolutions.  The vast majority of PCs display 1024 x 768 pixels while most laptops are set to 1280 x 1024.  There are still a number of surfers using 800 x 600.  Setting pages to show a set page width of 800 pixels will display the same on each of these, and if centered, will simply have larger left and right margins to those with greater resolution.</p>
<p><strong></p>
<div id="attachment_140" class="wp-caption alignright" style="width: 186px"><img class="size-full wp-image-140" title="designer" src="http://www.attractweb.com/blog/wp-content/uploads/2010/01/designer.gif" alt="Be careful with the code" width="176" height="151" /><p class="wp-caption-text">Be careful with the code</p></div>
<p>Validate your HTML code<br />
After designing pages, it&#8217;s a good habit to get into using HTML Validator software to reduce errors that could cause display problems in some browsers and penalize you in some search engines.<br />
</strong></p>
<!-- AdSense Now! V1.90 -->
<!-- Post[count: 2] -->
<div class="adsense adsense-leadout" style="text-align:center;margin: 12px;"><script type="text/javascript"><!--
google_ad_client = "pub-5775900779346461";
/* Race 468x60 */
google_ad_slot = "0742684167";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div><script type="text/javascript" class="owbutton" src="http://www.onlywire.com/button" title="Cross-browser compatibility and screen resolution concerns" url="http://www.attractweb.com/blog/?p=138"></script>]]></content:encoded>
			<wfw:commentRss>http://www.attractweb.com/blog/2010/01/cross-browser-compatibility-and-screen-resolution-concerns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
