A compilation of reference information for building web pages, solving problems, techiques, etc.
Transparent PNG's in IE 5.5 and 6 - USES CSS
Found a new method for making IE 5.5 and 6.0 display transparent PNG's properly. This is dead simple.
Unfortunately, due to limitations of the MS Filter, repeating
(tiling) transparent PNG's won't work, but this method DOES work for transparent PNG's as BACKGROUND images. Most of the other methods I'd found didn't.
Centering a layout
This question comes up a LOT so I thought I'd make it a sticky.
I will caution you that this solution utilizes CSS, which is the preferred way to achieve this. It is also just one of 3 methods to center, using margins.
You need to do 2 things to center a div and have it work cross-browser.
For non-IE browsers (except for IE 7)-
You create a #wrapper div that will contain your entire page layout (you can name it anything you want)
Give your #wrapper (the container you want centered that holds everything else) a defined width. Then you add these rules:
margin: 0 auto;
text-align: left; <-- puts the text back where it belongs
For IE add:
So, your CSS would be:
margin: 0 auto; -- top and bottom will be ZERO, left and right are "auto"
Your HTML might be something like this for a 2 column centered page:
(this is very simplified)
<div id="leftColumn"> column content </div>
<div id="content">right column content </div>
</div> <!-- close #wrapper -->
Putting text-align: center on the #wrapper itself will ONLY center the text and other elements INSIDE #wrapper.
For additional methods of centering block elements (like a div), this is a very good resource:
More on centering:
Centering an image: http://css-discuss.incutio.com/?page=CenteringAnImage
How to prevent tables from becoming too wide (tabular data !)
Great article from Roger at 456BereaStreet
Software for CSS Layouts - CSS Sculptor from Eric Meyer: