How to make a website look good in all browsers.

by admin Email

It?s quite difficult, to be sure. There are two parts to answering this question.
First, start by making the site look good in the more compliant browsers (Firefox, Google Chrome, Safari, Opera). These will look pretty similar to one another. You might need to make compromises so the website looks good, even if not ideal.
The second, and more difficult part, is making the site look good for Internet Explorer. Due to the large differences between IE and more compliant browsers, there are special codes you can enter to make special instructions. It looks something like this:


 <!--[if IE 8]>
 <link type="text/css" rel="stylesheet" href="_css/ie8.css" />
 <![endif]-->

to add a special stylesheet in the head section or

 <!--[if IE 8]>
 <p>
     This is something that will only be seen by Internet Explorer 8.
 </p>
 <![endif]-->

for a message or

 <p>
   <!--[if IE 8]>
     <span style="font-weight: bold;">
   <![endif]-->
         This is will be seen by all browser but will only be bold in Internet Explorer 8.
 <!--[if IE 8]>
     </span>
 <![endif]-->
 </p>

to include special instructions in the body section. Additionally, you must include different instruction for Internet Explorer versions 6, 7, 8, and 9 (until new ones come out).

By playing with these methods you should be able to make you website look good in any browser.

If there are more questions, please post them and I will write more posts to answer them.

 

 

Why do some websites look fine on one computer and messed-up on another?

by admin Email

This is referred to as cross-platform compatibility. Different web browsers display websites slightly (or extremely) differently. The differences also occur between different operating systems. As a result, a website that looks fantastic on a Mac using Firefox may look awful on Windows using Internet Explorer.

Therefore, any website should be tested using all browsers and on at least Windows and Mac. The most used browsers are Firefox, Google Chrome, Internet Explorer, Safari, and Opera. Additionally, website need to be tested in more than one version of Internet Explorer. Being the browser that is least standards-compliant and the slowest to adopt new technologies, testing must also be done in different versions of Internet Explorer.

HTML/XHTML/HTML5 and CSS

by admin Email

You may have heard these terms thrown around in connection to web design. Here?s the quick version of what they mean.

Full story »

Tech Talk with Tim!

by admin Email

In order to make the web a nicer, better-looking, and more useful place, I am writing short entries that discuss anything from technical aspects to design principles to helpful tips.

 

<< 1 2 3