My favorites | Sign in
Project Home Downloads Wiki Issues Source
READ-ONLY: This project has been archived. For more information see this post.
Search
for
CSSResetAndIE6Script  

CSS Reset and IE6 auto-correct PHP script

Source are in the repository : click here

IE6 Auto-correct script

In your HTML page, add the following line (adjust with your paths)

<!--[if lte IE 6]>
<style type="text/css">
@import url("ie6.php");
</style>

In the first lines of ie6.php, you can add any files that need to be auto correct. If needed, you can freelay add other IE6 specific rules in the ie6.css file.

common.css

It's just a repository of common rules that can be used inside projects. Consider this à a very lite CSS framework...

/*= RESET --------------------------------*/
* { margin:0; padding:0; }
body { font-size:13px; }
html{ overflow:-moz-scrollbars-vertical; }
h1, h2, h3, h4, h5, h6 { font-weight:bold;font-size:1em; }
h1 { font-size:184%; }
h2 { font-size:138%; }
h3 { font-size:123%; }
h4, h5 { font-size:108%; }
fieldset, img, a img { border:0; }
a:active, a:focus{ outline:none; }
address, caption, cite, code, dfn, th, blockquote, pre { font-style:normal; font-family:inherit; }
ol, ul { list-style:none; }
small {font-size:75%;}
input, textarea {font-size:100%;padding:0;overflow:visible;vertical-align:middle;}
a:link,a:visited,a:hover,a:focus,a:active { text-decoration:underline;outline:none; }
input[type=image] {outline:none;}
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { vertical-align:top; text-align:left; }

/* FONTS 13px : 24px = 184%, 18px = 138%, 16px = 123%, 14px = 108%, 12px = 92%, 11px = 84%, 10px = 76% */


/*= ACCESSIBILITY --------------------------------*/
a.l-more span { display:none; }
.b-no { display:none; }
.b-access { display:none; }


/*= GRID --------------------------------*/
.b-colwrapper {overflow:hidden;}
.b-col1on2 {width:49%;float:left;display:inline;}
.b-col1on3 {width:33%;float:left;display:inline;}
.b-col2on3 {width:66%;float:left;display:inline;}
.b-col1on4 {width:25%;float:left;display:inline;}
.b-col2on4 {width:50%;float:left;display:inline;}
.b-col3on4 {width:75%;float:left;display:inline;}
.b-col1on5 {width:20%;float:left;display:inline;}
.b-col2on5 {width:40%;float:left;display:inline;}
.b-col3on5 {width:60%;float:left;display:inline;}
.b-col4on5 {width:80%;float:left;display:inline;}

.f-left {float:left;display:inline;}
.f-right {float:right;display:inline;}

.clear, .clearfloat { content:".";display:block;height:0;clear:both;visibility:hidden; }


/*= LAYOUT --------------------------------*/
body { text-align:center; }
#b-body-wrapper {width:960px;text-align:left;margin:0 auto;position:relative;}


/*= IMAGE REPLACEMENT --------------------------------*/
.sir { display:block; position:relative; overflow:hidden; }
a.sir { width:100%; height:100%; }
.sir span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.sir a span, a.sir span { cursor:pointer; }
input.sir {text-align:left;text-indent:-9999px;letter-spacing:-999em;cursor:pointer;display:inline-block;overflow:hidden;border:0;}


/*= ALPHA --------------------------------*/
.alpha10 { opacity: 0.1; -moz-opacity: 0.1; }
.alpha20 { opacity: 0.2; -moz-opacity: 0.2; }
.alpha30 { opacity: 0.3; -moz-opacity: 0.3; }
.alpha40 { opacity: 0.4; -moz-opacity: 0.4; }
.alpha50 { opacity: 0.5; -moz-opacity: 0.5; }
.alpha60 { opacity: 0.6; -moz-opacity: 0.6; }
.alpha70 { opacity: 0.7; -moz-opacity: 0.7; }
.alpha80 { opacity: 0.8; -moz-opacity: 0.8; }
.alpha90 { opacity: 0.9; -moz-opacity: 0.9; }


/*= ADS --------------------------------*/
.banniere-classique		{width:468px;height:60px;}	/* 15 Ko */
.skyscraper1			{width:160px;height:320px;}	/* 20 Ko */
.skyscraper2			{width:160px;height:600px;}	/* 20 Ko */
.rectangle				{width:180px;height:150px;}	/* 15 Ko */
.rectangle-moyen		{width:300px;height:250px;}	/* 20 Ko */
.large-banniere			{width:728px;height:90px;}	/* 20 Ko */
.banniere-verticale1	{width:120px;height:240px;}	/* 15 Ko */
.banniere-verticale2	{width:120px;height:600px;}	/* 15 Ko */
.carre					{width:250px;height:250px;}	/* 15 Ko */


/*= DEBUG --------------------------------*/
/*
p._question {background:red;padding:10px;color:#fff;font-size:12px;font-family:courier,monospace;margin:10px;}
p._over {position:absolute;z-index:1099;}
*/
p._question {display:none;}
p._over {display:none;}
Powered by Google Project Hosting