28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je débute tout juste en CSS et je suis en train de réaliser une nouvelle version de mon site. J'ai un problème avec l'affichage sur Mac. Voici l'adresse de la première page: http://www.promostyl.com/v3/gabarit.php
L'affichage sur PC (IE et firefox) et Safari Mac est parfait mais sur IE mac, c'est la berezina totale. Rien n'est à sa place.

Merci d'avance pour votre aide.
Voici le code:

#global {
	width:964px;
	height:800px;
	margin-right:auto;
	margin-left:auto;
		
	}
	
	#borduredroite{
	width:14px;
	height:760px;
	background-image: url(images/bordure2.gif);
	background-repeat: repeat;
	float:right;
	background-position: left;
}
#borduregauche{
	width:14px;
	height:760px;
	background-image: url(images/bordure.gif);
	background-repeat: repeat;
	float:left;
}
	
	#conteneur{
	width:936px;
	height:auto;
	float:left;
	}
	
	
/*bandeau*/

	#bandeauhaut {
	width:935px;
	height:71px;
	margin:0px 0px 0px 0px;
	padding:0px;
	
}

#menuhaut{
	width:935px;
	height:22px;
	margin:0px 0px 0px 0px;
	padding:0px;
	
}

#logo{
width:213px;
height:50px;
float:left;}

#baseline{
	width:607px;
	height:50px;
	background-image: url(images/frame/framehaut/baseline2.gif);
	background-repeat: no-repeat;
	float:left;
}
#newsletter{
	width:115px;
	height:50px;
float:left;
}
#documentation{
width:213px;
height:22px;
float:left;}

#navigationhaut{
width:722px;
height:22px;
float:left;}

/*menu cahier*/

#menucahier{
	width:723px;
	height:16px;
	padding-left:213px;
	background-color: #96797A;
}
/*bandeau*/

#bandeaupremiere{
	width:936px;
	height:143px;
	background-image: url(images/cahier/bandeau_premieres.jpg);
	background-repeat: no-repeat;
}

/*page présentation cahier*/
#presentationcahier{
	width:936px;
	height:486px;
	background-image: url(images/cahier/presentation_premieres.jpg);
	background-repeat: no-repeat;
}

#titrescahiers{
	width:200px;
	height:200px;
	padding-top:230px;
	padding-left:670px;
	
}

/*polices*/
.presentationcahiers{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #9A9A9A;
	font-weight: bold;
	text-decoration: none;
}
	
	 .presentationcahiers:link {
	           text-decoration : none;
		 
      }
    .presentationcahiers:visited {
         text-decoration : none;
		
      }
    .presentationcahiers:active {
           text-decoration : none;
		   
      }
   .presentationcahiers:hover {
          		   color: #333333;
      }
	  
	  .navigationbas{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9A9A9A;
	font-weight: bold;
	}
	
	 .navigationbas:link {
	 	            text-decoration : none;
		
      }
    .navigationbas:visited {
         text-decoration : none;
		  
      }
    .navigationbas:active {
           text-decoration : none;
		    
      }
   .navigationbas:hover {
          text-decoration : underline;
		
      }
 /*menubas*/
 #menubas{
	width:936px;
	height:40px;
	
}

#copyright{
	width:214px;
	height:40px;
	float:left;
	background-image: url(images/copyright.gif);
	background-repeat: no-repeat;
}

 /*menubas*/
 #navigationbas{
width:700px;
margin-top:3px;
 padding-left:20px;
	height:30px;
	float:left;}

Modifié par mpop (15 Sep 2006 - 15:02)
Bonjour Koushka et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
autant pour moi. Smiley smile
Voici le code de la page en question.

<édité par mpop : il est préférable de corriger un premier message mal mis en forme plutôt que d'en créer un nouveau />

Merci d'avance!
Modifié par mpop (15 Sep 2006 - 15:02)