|
CSSResetAndIE6Script
CSS Reset and IE6 auto-correct PHP scriptSource are in the repository : click here IE6 Auto-correct scriptIn 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.cssIt'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;}
|