The Sourcebench
Here in the sourcebench you can find a variety of little helpers, articles, code snipplets and sometimes even just random thoughts of our community.
This little piece of css makes it possible to use transparent png images also with Internet Explorer
<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='YourPngFile.png'); width: WIDTHpx; height: HEIGHTpx;">
<img src="YourPngFile.png" width="WIDTH" height="HEIGHT" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)" alt="transparent png" title="transparent png" />
</div>
This little fix helps when you encounter that when a background image is applied to the form element and the typed characters are exceeding the width of background, it starts moving the background image on Internet Explorer.
background: #012A56 url("img/loginField.png") no-repeat;
background-attachment:inherit !important;
background-attachment/* */:/**/fixed;
This little css hack allows you to implement some special things for Internet Explorer in case it does not eat your css definitions again.
just add a "* html " in front of your style and make a style that fullfills IE's needs.
ie:
* html .test fieldset { margin: 0; padding: 0; position: relative; width: 250px; }
this will limit the size of the fieldset in class test for the internet explorer to 250 px.
