melangeur moi, j'dis ça, mais j'dis rien | Bonjour ! Voila ma problematique, j'ai concu mon site avec une css. Sur pc, et quelque soit le navigateur, ca colle. En revanche, sur mac, c'est la cata. Hors, il me faut à tout prix resoudre ce problème... merci de votre aide...
voici la css : Code :
- /* CSS melangeur d'images */
- body {
- font-family:Verdana, Arial, Helvetica, sans-serif;
- font-size: 0.8em;
- margin: 0;
- padding: 0;
- background-color: #FFFFFF;
- }
- #header {
- height: 100px;
- background-color: #FFFFFF;
- border-top-width: 1px;
- border-right-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-top-color: #000000;
- border-right-color: #000000;
- border-bottom-color: #000000;
- border-left-color: #000000;
- margin: 0px;
- }
- #conteneur {
- position: absolute;
- width: 100%;
- background-color:#FFFFFF;
- left: 0px;
- }
- #centre {
- background-color:#FFFFFF;
- margin-left: 150px;
- margin-right: 150px;
- border-top-width: 1px;
- border-right-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-right-style: solid;
- border-left-style: solid;
- border-top-color: #000000;
- border-right-color: #000000;
- border-bottom-color: #000000;
- border-left-color: #000000;
- border-top-style: solid;
- }
- #gauche {
- position: absolute;
- left:0;
- width: 150px;
- }
- #droite {
- position: absolute;
- right:-1px;
- width: 150px;
- }
- #pied {
- height: 40px;
- background-color: #cccc99;
- border-top-width: 1px;
- border-top-style: solid;
- border-top-color: #000000;
- }
- h1, h2, h3, h4, h5, h6, h7 {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- margin: 0px;
- padding: 0px;
- }
- h1{
- font-size: 12px;
- text-align: right;
- color: #000000;
- padding: 0px 3px 0px 0px;
- line-height: 20px;
- white-space: normal;
- margin: 0px;
- font-weight: bold;
- background-image: url("../images/interface/fond1.gif" );
- background-repeat: no-repeat;
- }
- h2{
- font-size: 12px;
- text-align: left;
- color: #000000;
- padding: 0px 0px 0px 3px;
- line-height: 20px;
- white-space: normal;
- margin: 0px;
- font-weight: bold;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- background-image: url("../images/interface/fond2.gif" );
- }
- h3{
- font-size: 10px;
- color: #333333;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- padding: 2px;
- margin: 2px;
- width: 470px;
- left: auto;
- right: auto;
- border: 1px Aucune #999999;
- font-weight: normal;
- }
- h4{
- font-size: 10px;
- font-weight: normal;
- color: #333333;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- text-align: left;
- margin: 2px;
- padding: 2px;
- width: 90%;
- display: block;
- }
- h5{
- font-size: 14px;
- color: #FF9933;
- padding: 5px;
- white-space: normal;
- margin: 5px;
- font-weight: bold;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- text-align: center;
- }
- h6{
- font-size: 12px;
- text-align: justify;
- color: #333333;
- padding: 5px;
- white-space: normal;
- margin: 5px;
- font-weight: bold;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- }
- p {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 9px;
- font-weight: normal;
- text-align: center;
- }
- .img {
- padding: 2px;
- border: 1px solid #000000;
- background-color: #999999;
- top: 5px;
- left: 5px;
- right: 5px;
- bottom: 5px;
- margin: 2px;
- float: Aucune;
- text-align: center;
- clip: rect(5px 5px 5px 5px);
- position: static;
- }
- .imgnew {
- padding: 2px;
- border: 1px solid #666666;
- background-color: #CC3300;
- top: 5px;
- left: 5px;
- right: 5px;
- bottom: 5px;
- margin: 2px;
- clip:rect(5px 5px 5px 5px);
- text-align: center;
- }
- a:link {
- font-family:Verdana, Arial, Helvetica, sans-serif;
- font-size:10px;
- color:#CC3300;
- text-decoration:none;
- font-weight: bold;
- }
- a:visited {
- font-family:Verdana, Arial, Helvetica, sans-serif;
- font-size:10px;
- color:#993300;
- font-weight: bold;
- text-decoration:none;
- font-weight: bold;
- }
- a:hover {
- font-family:Verdana, Arial, Helvetica, sans-serif;
- font-size:10px;
- color:#FF9933;
- text-decoration:none;
- font-weight: bold;
- }
- /*definis le menu sur la gauche de la page*/
- ul {list-style-type: none;}
- li {
- margin-bottom:2px
- }
- .menu a {
- margin: 0px 0px 0px -41px;
- width: 150px;
- height: 15px;
- display: block;
- text-align:left;
- text-decoration: none;
- color: #000;
- background: #fff;
- border-top: 1px solid #CCCCCC;
- border-bottom: 1px solid #CCCCCC;
- top: -5px;
- text-indent: 10px;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
- }
- .menu a:hover {
- background: #999999;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
- font-weight: bold;
- color: #FFFFFF;
- border-top: 1px solid gray;
- border-right: 1px solid gray;
- border-bottom: 1px solid #993300;
- border-left: 1px solid gray;
- }
- .menu a:active {
- background: gray;
- border: 1px solid gray;
- color: #fff;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
- }
- /*definis le menu sur la droite de la page*/
- .menu2 a {
- width: 150px;
- height: 15px;
- display: block;
- text-align:right;
- text-decoration: none;
- color: #000;
- border-top: 1px solid #CCCCCC;
- border-right: 1px #CCCCCC;
- border-bottom: 1px solid #CCCCCC;
- border-left: 1px #CCCCCC;
- top: -5px;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
- margin-top: 0px;
- margin-right: 0px;
- margin-bottom: 0px;
- margin-left: -40px;
- }
- .menu2 a:hover {
- background: #999999;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
- font-weight: bold;
- color: #FFFFFF;
- border-top: 1px solid gray;
- border-right: 1px gray;
- border-bottom: 1px solid #FF9933;
- border-left: 1px gray;
- }
- .menu2 a:active {
- background: gray;
- color: #fff;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
- border-top: 1px solid gray;
- border-right: 1px gray;
- border-bottom: 1px solid gray;
- border-left: 1px gray;
- }
- /*---------------------*/
- .table {
- border-right: 1px solid #999999;
- border-left: 1px solid #999999;
- border-top-width: 1px;
- border-bottom-width: 1px;
- border-top-style: solid;
- }
- /*definis le cadre des bannieres de pub*/
- .pub {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
- font-style: oblique;
- font-weight: bold;
- font-variant: normal;
- color: #666666;
- text-align: left;
- border: 1px Aucune #999999;
- width: 468px;
- margin: 2px;
- padding: 2px;
- }
- /*definis le texte de l'image du jour*/
- .imgjour {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 9px;
- font-weight: normal;
- font-variant: small-caps;
- text-transform: uppercase;
- color: #666666;
- text-align: left;
- border: 1px Aucune #999999;
- width: 468px;
- margin: 2px;
- padding: 2px;
- clear: Aucune;
- float: Aucune;
- height: auto;
- position: static;
- }
- /*definis le fond de la fenetre gd format */
- #gdft {
- position: absolute;
- height: 618px;
- width: 800px;
- border: 1px solid #333333;
- background: #999999;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 14px;
- font-style: normal;
- font-weight: bold;
- font-variant: normal;
- text-transform: uppercase;
- }
- /*Balise de l'image en gd format*/
- .img3 {
- margin: 5px 5px;
- border: 1px solid #FFFFFF;
- background-color: #CCCC99;
- top: 5px;
- left: 5px;
- right: 5px;
- bottom: 5px;
- }
- .table2 {
- border: 1px solid #999999;
- }
- .entete3souligne {
- font-size: 10px;
- color: #333333;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- padding: 2px;
- margin: 2px;
- width: 470px;
- left: auto;
- right: auto;
- font-weight: normal;
- border-top: 1px #666666;
- border-right: 1px #666666;
- border-bottom: 1px solid #666666;
- border-left: 1px #666666;
- }
- #vignette {
- background-color:#FFFFFF;
- width: 490px;
- border: 1px Aucune #000000;
- padding-left: 20px;
- padding-top: 10px;
- }
- .img4 {
- padding: 2px;
- border: 1px solid #000000;
- background-color: #999999;
- top: 5px;
- left: 5px;
- right: 5px;
- bottom: 5px;
- margin: 5px;
- float: Aucune;
- text-align: left;
- clip: rect(5px 5px 5px 5px);
- position: static;
- }
- .portrait {
- padding: 5px;
- border: 1px solid #000000;
- background-color: #999999;
- top: 5px;
- left: 5px;
- right: 5px;
- bottom: 5px;
- margin: 0px 10px 10px;
- float: left;
- text-align: left;
- clip: rect(5px,5px,5px,5px);
- position: static;
- clear: left;
- }
|
|