CSS Cross Browser Examples CSS :: webDev

PUT THIS ON SOME SHIZZEL!

				
					<!--[if IE 6]>
						<a id="ie7upgrade" href="" title="Click Here to Download Internet Explorer 7 - Microsoft Upgrade">
						<img src="http://bowdenweb.com/f/forrent/ie7_download.gif" alt="Click Here to Download Internet Explorer 7 - Microsoft Upgrade" title="Click Here to Download Internet Explorer 7 - Microsoft Upgrade" width="31" height="30" /></a>
					<![endif]-->

Get A Consistent Base Font Size


						body { font-size: 62.5%; }

Until IE finally supports the resizing of text in pixels, this is the best technique to gain full control over your font sizes. By setting the body font-size to 62.5%, that will set your font size to 10 pixels. That way, 1em is equal to 10 pixels.

Although I typically then set my container font-size to 1.2em, which in turn sets the font-size to 12 pixels. But still, then you know that 1em is equal to 12 pixels.

Opacity


						#transdiv  {
							filter:alpha(opacity=75);
							-moz-opacity:.75;
							opacity:.75;
						}

Scrolling Render IE


						html {
							background : url(null) fixed no-repeat;
						}

<li> {background-repeat:} In IE


						<!--[if lt IE 7]>
							<style>
								#leftnav li { zoom: 1;} /* haslayout=true */
							</style>
						<![endif]-->

Show firefox scrollbar, remove textarea scrollbar in IE - FIND AUTHOR - REFERNCE(S)!!!!!


						html{
							overflow:-moz-scrollbars-vertical;
						}
						textarea{
							overflow:auto;
						}

Prevent line breaks in links, oversized content to brake - FIND AUTHOR - REFERNCE(S)!!!!!


						 a{
						 	white-space:nowrap;
						}
						#main{
							overflow:hidden;
						}

CSS Cross Browser Examples CSS :: webDev