Blogs Alan Curtis

You know, when it comes CSS (Cascade Style Sheets, or style sheets) Internet Explorer browser is among the worst.

Do not parse correctly (by the book W3C) CSS properties and reads them in his own way.

Firefox is much more adherent to the official standard, but not everyone uses Firefox.

So, when you need to center an element <div> or another things get complicated. To avoid the typical <center> </ center> and have the compatibility of all browsers there is a way, but you have to do a little trick.

Since I happen to write it here as it is often personal reminder, perhaps useful to someone else.

The "trick" is that.

We must create 2 <div> one inside the other, like this:

<div id="contenitore1">
<div id="contenitore2">Contenuto, testo, foto, ecc...</div>
</div>

Then you need to create styles in the header of the page or in a file. Css in part:

# {Contenitore1
text-align: center; / * for Internet Explorer * /
}

# {Contenitore2
margin: 0 auto; / * standard alignment in CSS * /
text-align: left; / * compensate center alignment * /
/ * ADDED ONLY TO SEE BETTER EXAMPLE: * /
border: 2px solid # 000;
width: 50%;
}

That's it, the trick is all here.

Good alignment!

Related Articles:

• How to encrypt passwords in MD4, MD5 and SHA-1
• Google Update finished, Google Update in progress ...
• Flash LightBox v2
• How to introduce and promote their own blog
• Googlebombing for Obama