This quick fix will show you on how to align your page container in the center of the user’s browser window no matter what screen resolution your user may have. This fix is tested and will work on all browsers.

You have to have this css code in your css file:

body {
     text-align: center
}

#wrapper {
     width: 900px; //any width you want in your container
     margin: 0 auto;
     text-align: left;
}

The “text-align: center” property of the body tag will align all the elements in the center. The “margin: 0 auto” property of the wrapper tag gives the wrapping element an automatic margin on both sides of our wrapper therefore centering our wrapping element together all its sub elements on the center of the browser window, whatever screen resolution the user may have.

And your HTML structure to wrap the contents of your webpage in a container:

<div id="wrapper">

              // start your web content structure here...

</div>

If you ever encounter a message or a post in Facebook or in a Facebook application that makes you click a certain link,and the page that the link brought you to tells you to enter your Facebook login details again, please make sure that the URL of the login page is from Facebook.com.

Kindly look at this Facebook login page from some link from a Facebook mesage:

Pretty much the same as the Facebook login page,right? But if you look at the URL(the address bar encircled below), the URL address is not from Facebook.

Once you enter your details in the login form, they will save your info, and redirect you back to a Facebook application without you noticing it. Once they got your login information, they can access your profile and can do whatever they want with it(change password, delete profile, spam your friends, etc.). This type of hacking is called phishing, and still many persons don’t know this and is often victimized by it.

Just a friendly advise, if ever you are entering any login information or sensitive data in a form, always check the address bar if you are in the site you are accessing. This will prevent phishing attacks not only in your Facebook account but also in your accounts on other websites as well.

This article will guide you on how to provide simple quick fix about the z-index css property not working in Internet Explorer. I had encountered this problem while using JQuery Tools Overlay Library on my application. The library works fine in Mozilla Firefox, Chrome and in Internet Explorer 7 but unfortunately does not work in IE6 and IE8.

To solve this problem, we had to wrap the div that is to be on top of all the other elements with a div that has higher z-index than that div.

For example, this is the div that is to be overlayed:

<div style="position:absolute;z-index:5000;">
     content here
</div>

The z-index of the div is 5000, we have to wrap it in a div that has higher z-index, 5001 in this example, but you can put any number you like provided that the number must be higher than the z-index of the inner div, like this:

<div style="position: relative; z-index: 5001">
     <div style="position:absolute;z-index:5000;">
          content here
     </div>
</div>

Well that’s how I had solved it. Hope this quick fix works for you also.