28172 sujets

CSS et mise en forme, CSS3

Probleme de z-index IE, panique!

Bonjour,

Je dois presenter ce site a 14heure aujourd'hui. Il me semblait marcher tres bien mais quelquechose a change.

Mon menu deroulant passe en dessous de mon conteneur principal sur Internet Explorer sur toutes les pages.

Sur firefox et safari ca fonctionne.
J ai verifie mes z-index 36 fois. Ils sont tous a 100 sauf celui de la div #display qui contient mon menu flash qui est a 999. Je viens aussi de tenter de mettre un z-index a 1 sur la div.conteneurmilieu et div.contenupage. La div.conteneurmilieu est la div qui contient l'ensemble de ce qui est apres le menu deroulant en flash

Je comprend pas pourquoi mon menu pourtant positionne au dessus en z-index, apparait en dessous. Je panique plutot.

http://www.francois-rosenbaum.com/accueil

Mon menu en flash est active en passant la souris sur le nuage. Le flash est appelle avec la methode javascript swfobject.
Le flash vient remplacer ainsi la div id="display"

Je vous donne ici la page css de mon site qui est bien remplie.


@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; border: 0;border-collapse:collapse;border-spacing:0;text-decoration:none;list-style-type:none; }



/* *************************CSS de la structure generale******************************** */
/* *************************CSS de la structure generale******************************** */
/* *************************CSS de la structure generale******************************** */
/* *************************CSS de la structure generale******************************** */
/* *************************CSS de la structure generale******************************** */
/* *************************CSS de la structure generale******************************** */


body
{
	margin:0;
	padding:0;
	background: url(../images/background.gif);
	background-color:#b3da49;
	background-repeat:repeat-x;
}

div{
	margin:0;
	padding:0;
}



img{
outline:none;
outline-style:none;}



a{
outline:none;
outline-style:none;}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
padding:0px;
color:#50636e;
}

li{
margin:0;
padding:0;}

b.txtgras{
color:#1b2428;
font-weight:bolder;}

.header {
position:relative;
margin:0 auto 0 auto;
height:271px;
width:1024px;}

.header_persos{
float:left;
display:inline;
background: url(../images/header_persos.jpg);
background-repeat:no-repeat;
height:271px;
width:293px;}


.conteneur_milieu{
position:relative;
z-index:1;
background: url(../images/bg_conteneur_milieu.jpg);
background-repeat:repeat-y;
width:1024px;
margin:0 auto 0 auto;
}

div.contenupage{
position:relative;
z-index:1;}

.pieddepage{
position:relative;
background: url(../images/bg_pieddepage.jpg);
width:1024px;
height:38px;
margin:0 auto 0 auto;}

.avion{
position:absolute;
z-index:100;
background: url(../images/avion.png);
width:196px;
height:116px;
left:820px;
top:-30px;
}

.milieu_header{
width:353px;
height:271px;
float:left;}

.droite_header{
width:378px;
float:left;
}

.droite_header1{
position:relative;
width:378px;
height:194px;
background: url(../images/droite_header1.jpg);
}

.droite_header2{
position:relative;
width:378px;
height:77px;
background: url(../images/droite_header2.jpg);
}


#display{
position:absolute;
z-index:999;
width:350px;
height:380px;
top:195px;
left:359px;
outline-style:none;
}

td.imgmenu{
background: url(../images/img_milieu_header/header_tabl2_3nuage.jpg);
}



.marqueurrubrique{
position:absolute;
background:none;
}



/* *************************CSS de la page accueil******************************** */
/* *************************CSS de la page accueil******************************** */
/* *************************CSS de la page accueil******************************** */
/* *************************CSS de la page accueil******************************** */
/* *************************CSS de la page accueils******************************** */
/* *************************CSS de la page accueil******************************** */

#anim_carte{
position:absolute;
outline-style:none;
z-index:100;
width:611px;
height:380px;
left:50px;
top:0px;
}

.texteintro {
padding:0px;
padding-top:20px;
margin-left:690px;
width:263px;
height:370px;
}



/* *************************CSS de la page sommaire articles******************************** */
/* *************************CSS de la page sommaire articles******************************** */
/* *************************CSS de la page sommaire articles******************************** */
/* *************************CSS de la page sommaire articles******************************** */
/* *************************CSS de la page sommaire articles******************************** */
/* *************************CSS de la page sommaire articles******************************** */


#sommairearticles{
position:relative;
outline-style:none;
z-index:100;
width:1024px;
height:656px;
left:0px;
top:0px;
}





/* *************************CSS de la page articles blog******************************** */
/* *************************CSS de la page articles blog******************************** */
/* *************************CSS de la page articles blog******************************** */
/* *************************CSS de la page articles blog******************************** */
/* *************************CSS de la page articles blog******************************** */
/* *************************CSS de la page articles blog******************************** */

.conteneurtxtarticles{
padding-top:30px;
padding-left:70px;
padding-right:70px;
padding-bottom:60px;
background: url(../images/separateurpointilles.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#FF000;}





/* ***titres, dates et pagination generes par joomla****/

h1.title{
font-weight:normal;
color:#717171;
font-size:18px;
padding-left:75px;
}

h1.title a{
color:#0a305f;
/**color:#0a305f;***/
}




span.author{
color:#717171;
padding-left:73px;
font-size:10px;}


span.created{
display:block;
margin-top:3px;
color:#717171;
padding-left:77px;
font-size:10px;}



.pagination{
width:1024px;
text-align:center;
margin:0 auto 0 auto;
}

.pagination a{
font-size:13px;
color:#0a305f;}

.pagination span{
font-size:13px;
color:#0a305f;}




/* *************************CSS de la page sommaire preparatif******************************** */
/* *************************CSS de la page sommaire preparatif******************************** */
/* *************************CSS de la page sommaire preparatif******************************** */
/* *************************CSS de la page sommaire preparatif******************************** */
/* *************************CSS de la page sommaire preparatif******************************** */
/* *************************CSS de la page sommaire preparatif******************************** */

div.conteneur_tablsommprep{
margin:0 auto 0 auto;
width:908px;
height:414px;
background-color:#FF0000;
}

a.sommaireprep_argent{
display:block;
background:url(../images/sommaireprep2_argent1.jpg);
height:161px;
 width:87px;}
 
 a.sommaireprep_argent:hover{
 display:block;
background:url(../images/sommaireprep2_argent2.jpg);
height:161px;
 width:87px;}
 
 
a.sommaireprep_billets{
display:block;
background:url(../images/sommaireprep3_billets1.jpg);
height:161px;
 width:162px;}
 
 a.sommaireprep_billets:hover{
 display:block;
background:url(../images/sommaireprep3_billets2.jpg);
height:161px;
 width:162px;}
 
 a.sommaireprep_administratif{
display:block;
background:url(../images/sommaireprep4_administratif1.jpg);
height:161px;
 width:232px;}
 
 a.sommaireprep_administratif:hover{
 display:block;
background:url(../images/sommaireprep4_administratif2.jpg);
height:161px;
 width:232px;}
 
 a.sommaireprep_equipmt
 {
display:block;
background:url(../images/sommaireprep5_equip1.jpg);
height:139px;
 width:292px;}
 
  a.sommaireprep_equipmt:hover{
display:block;
background:url(../images/sommaireprep5_equip2.jpg);
height:139px;
 width:292px;}
 
   a.sommaireprep_comm{
display:block;
background:url(../images/sommaireprep6_comm1.jpg);
height:139px;
 width:222px;}
  
  a.sommaireprep_comm:hover{
display:block;
background:url(../images/sommaireprep6_comm2.jpg);
height:139px;
 width:222px;}
 
    a.sommaireprep_budget{
display:block;
background:url(../images/sommaireprep7_budget1.jpg);
height:139px;
 width:214px;}
 
  a.sommaireprep_budget:hover{
display:block;
background:url(../images/sommaireprep7_budget2.jpg);
height:139px;
 width:214px;}
 
  a.sommaireprep_sante{
display:block;
background:url(../images/sommaireprep10_sante1.jpg);
height:114px;
 width:133px;}
 
 a.sommaireprep_sante:hover{
display:block;
background:url(../images/sommaireprep10_sante2.jpg);
height:114px;
 width:133px;}
 
  a.sommaireprep_visa{
display:block;
background:url(../images/sommaireprep12_visa1.jpg);
height:114px;
 width:135px;}
 
 a.sommaireprep_visa:hover{
display:block;
background:url(../images/sommaireprep12_visa2.jpg);
height:114px;
 width:135px;}
 
 
/* *************************CSS de la page preparatif budget******************************** */
/* *************************CSS de la page preparatif budget******************************** */
/* *************************CSS de la page preparatif budget******************************** */
/* *************************CSS de la page preparatif budget******************************** */
/* *************************CSS de la page preparatif budget******************************** */
/* *************************CSS de la page preparatif budget******************************** */
.conteneur_pageprepbudget{
width:1024px;}
 
 p.listeprepbudget{
 padding-top:20px;
}
 
 .intro_prepbudget img{
 float:left;
 padding-left:200px;
 }
 
 .intro_prepbudget p{
 width:550px;
 padding:0;
 padding-left:10px;
 margin:0;
 float:left;
 }
 
 .cadresdepenses{
 clear:both;
 padding-top:30px;
 padding-left:85px;
 padding-right:90px;
 }
  
  
   
   .conteneurtxtcadrebleuprepbudget1{
   padding-left:77px;
   padding-top:27px;
   }
   
   .conteneurtxtcadrebleuprepbudget2{
   padding-left:77px;
   padding-top:50px;
   }
   
   .conteneurtxtcadrebleuprepbudget2 p{
   /*****ca c est pour que le pavet de texte
    sur l alcool le 3eme de la 2eme partie 
	du cadre jaune soit pas trop large*******/
    width:260px;
   }
   
    span#titrecadrejauneprepbudget{
	display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:100px;
 } 
 
 .cadrejauneprepbudget{
 height:478px;
 width:413px;
 float:left;
 background:url(../images/img_preparatifs_bubget/cadrejaune.gif);
 }
 
#cadrebleuprepbudget p{
margin:0;
padding:0;
padding-top:9px;
   }
   
.conteneurtxtcadrebleuprepbudget{
padding-top:30px;
padding-left:120px; }


 
 span#titrecadrebleuprepbudget{
 display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:13px;
 padding-left:125px;
 }
 
 
  #cadrebleuprepbudget{
  float:right;
   height:478px;
 width:390px;
 background:url(../images/img_preparatifs_bubget/cadrebleu.gif);
 }
 
 a.btpageprecedentepreparatif{
 clear:both;
 display:block;
 margin:0 auto 0 auto;
 padding-top:50px;
 width:127px;
 height:20px;
 background:url(../images/img_preparatifs_bubget/btpageprecedente.jpg);
 background-position:bottom;
 background-repeat:no-repeat;
 }
 
 a.btpageprecedentepreparatif:hover{
 background:url(../images/img_preparatifs_bubget/btpageprecedente2.jpg);
 background-position:bottom;
 background-repeat:no-repeat;
 }
 
 /* *************************CSS de la page preparatif argent******************************** */
/* *************************CSS de la page preparatif argent******************************** */
/* *************************CSS de la page preparatif argent******************************** */
/* *************************CSS de la page preparatif argent******************************** */
/* *************************CSS de la page preparatif argent******************************** */
/* *************************CSS de la page preparatif argent******************************** */

.conteneur_pageprepargent{
width:1024px;}
 
 
 
 .intro_prepargent img{
 float:left;
 padding-left:200px;
 }
 
 .intro_prepargent p{
 width:550px;
 padding:0;
 padding-left:10px;
 margin:0;
 float:left;
 }
 
 .cadresdepensesprepargent{
 clear:both;
 padding-top:30px;
 padding-left:85px;
 padding-right:90px;
 }
  
  .conteneurtxtcadrejauneprepargent{
    padding-left:47px;
	padding-top:40px;
	}
  
  .cadrejauneprepargent p{
  padding:0;
  margin:0;
  width:320px;
  padding-left:0px;
  padding-top:0px;
   }    
   
    span#titrecadrejauneprepargent{
	display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:17px;
 padding-left:87px;
 } 
 
 .cadrejauneprepargent{
 height:517px;
 width:417px;
 float:left;
 background:url(../images/img_preparatifs_argent/cadrejaune.gif);
 }
 
#cadrebleuprepargent p{
margin:0;
padding:0;
padding-top:15px;
padding-left:40px;
padding-right:30px;
   }
   

.separateurcadrebleuprepargent{
height:30px;}

 
 #titrecadrebleuprepargent{
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-left:160px;
 margin-bottom:50px;
 }
 
 
  #cadrebleuprepargent{
  float:right;
   height:364px;
 width:390px;
 padding-top:8px;
 background:url(../images/img_preparatifs_argent/cadrebleu.gif);
 background-repeat:no-repeat; 
 }
 
/* *************************CSS de la page preparatif sante******************************** */
/* *************************CSS de la page preparatif sante******************************** */
/* *************************CSS de la page preparatif sante******************************** */
/* *************************CSS de la page preparatif sante******************************** */
/* *************************CSS de la page preparatif sante******************************** */
/* *************************CSS de la page preparatif sante******************************** */

.conteneur_pageprepsante{
width:1024px;}
 
 
 
 .intro_prepsante img{
 float:left;
 padding-left:150px;
 padding-top:5px;
 }
 
 .intro_prepsante p{
 width:600px;
 padding:0;
 padding-top:0;
 padding-left:10px;
 margin:0;
 margin-top:0;
 float:left;
 }
 
 .cadresprepsante{
 padding-left:77px;
 padding-right:90px;
 clear:both;
 }
 
.conteneurtxtcadrejauneprepsante{
padding-top:25px;
padding-left:60px;
padding-right:45px;}
   
   
  .cadrejauneprepsante p{
  padding:0;
  margin:0;
  padding-top:0px;
   }    
   
    span#titrecadrejauneprepsante{
	display:block;
	margin:0;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 margin-top:30px;
  padding-bottom:18px;
 padding-left:140px;
 } 
 
 .cadrejauneprepsante{
 height:392px;
 width:415px;
 float:left;
 background:url(../images/img_prepsante/cadrejaunevaccins.gif);
 }
 

 
#cadrebleuprepsante p{
margin:0;
padding:0;
padding-top:0px;
padding-left:40px;
padding-right:30px;
   }
   



 
 span#titrecadrebleuprepsante{
 display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:30px;
 padding-left:150px;
 margin-bottom:50px;
 }
 
 
  #cadrebleuprepsante{
  float:right;
   height:364px;
 width:390px;
 padding-top:8px;
 background:url(../images/img_prepsante/cadrebleupalu.gif);
 background-repeat:no-repeat; 
 }
 
   a.btpageprecedentesante{
 clear:both;
 display:block;
 margin:0 auto 0 auto;
 padding-top:50px;
 width:127px;
 height:20px;
 background:url(../images/img_preparatifs_bubget/btpageprecedente.jpg);
 background-position:bottom;
 background-repeat:no-repeat;
 }
 
  a.btpageprecedentesante:hover{
 background:url(../images/img_preparatifs_bubget/btpageprecedente2.jpg);
 background-position:bottom;
 background-repeat:no-repeat;
 }
 
 
 /* ************************CSS de la page preparatif equipement******************************** */
/* *************************CSS de la page preparatif equipement******************************** */
/* *************************CSS de la page preparatif equipement******************************** */
/* *************************CSS de la page preparatif equipement******************************** */
/* *************************CSS de la page preparatif equipement******************************** */
/* *************************CSS de la page preparatif equipement******************************** */


.conteneur_pageprepequipt{
width:1024px;}
 


p.listequipt{
padding-bottom:2px;}
 
 .intro_prepequipt img{
 float:left;
 padding-left:150px;
 padding-top:5px;
 }
 
 .intro_prepequipt p{
 width:600px;
 padding:0;
 padding-left:10px;
 margin:0;
 float:left;
 }
 
 .cadresprepequipt{
 padding-top:20px;
 padding-left:77px;
 padding-right:65px;
 clear:both;
 }
 
 /************/
 
.conteneurtxtcadrejauneprepequipt{
padding-top:15px;
padding-left:20px;
padding-right:30px;}
   
   
   
    span#titrecadrejauneprepequipt{
	display:block;
	margin:0;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 margin-top:25px;
  padding-bottom:18px;
 padding-left:90px;
 } 
 
 .cadrejauneprepequipt{
 height:501px;
 width:312px;
 float:left;
 background:url(../images/img_preparatifs_equipt/cadrejaune.gif);
 }
 
 /************/
 
.conteneurtxtcadrevioletprepequipt{
padding-top:25px;
padding-left:35px;
padding-right:0px;}
   
.conteneurtxtcadrebleuclairprepequipt
{
padding-top:30px;
padding-left:35px;
padding-right:0px;}
 
   
    span#titrecadrevioletprepequipt{
	display:block;
	margin:0;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 margin-top:20px;
 padding-left:55px;
 } 
 
span#titrecadrebleuclairprepequipt{
display:block;
margin:0;
color:#FFFFFF;
font-size:14px;
padding:0px;
margin-top:70px;
padding-bottom:0px;
padding-left:105px;
 } 
 
 .cadrevioletbleuprepequipt{
 /*display inline c est pour
  eviter le bug ie6 qui double
   les margins sur un element 
   positionne en float*/
  display:inline;
 height:615px;
 width:253px;
 float:left;
 margin-left:20px;
 background:url(../images/img_preparatifs_equipt/cadrevioletbleu.gif);
 }
 
 /************/
 .cadrebleuvertvertprepequipt{
  height:573px;
 width:274px;
 float:right;
 background:url(../images/img_preparatifs_equipt/cadrebleuvertvert.gif);
 }
 
 
 
 span#titrecadrebleuprepequipt{
 display:block;
 color:#FFFFFF;
 font-size:14px;
 margin-top:13px;
 padding-left:80px;
 }
 
 span#titrecadrevertkakiprepequipt{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 margin-top:55px;
 padding-left:52px;}
 
 span#titrecadrevertprepequipt{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 margin-top:53px;
 padding-left:56px;}
 
 .conteneurtxtcadrebleuprepequipt{
 padding-top:20px;
padding-left:30px;
padding-right:0px;
}

.conteneurtxtcadrevertkakiprepequipt{
 padding-top:27px;
padding-left:30px;
padding-right:0px;
}

.conteneurtxtcadrevertprepequipt{
 padding-top:27px;
padding-left:30px;
padding-right:0px;
}
 
 
 
 
 
 
 /************/
   a.btpageprecedenteprepequipt{
 clear:both;
 display:block;
 margin:0 auto 0 auto;
 padding-top:30px;
 width:127px;
 height:20px;
 background:url(../images/img_preparatifs_bubget/btpageprecedente.jpg);
 background-position:bottom;
 background-repeat:no-repeat;
 }
 
  a.btpageprecedenteprepequipt:hover{
 background:url(../images/img_preparatifs_bubget/btpageprecedente2.jpg);
 background-position:bottom;
 background-repeat:no-repeat;
 }
 
/* *************************CSS de la page preparatif communication******************************** */
/* *************************CSS de la page preparatif communication******************************** */
/* *************************CSS de la page preparatif communication******************************** */
/* *************************CSS de la page preparatif communication******************************** */
/* *************************CSS de la page preparatif communication******************************** */
/* *************************CSS de la page preparatif communication******************************** */

.conteneur_pageprepcommunication{
width:1024px;}


 
 .intro_prepcommunication img{
 float:left;
 padding-left:260px;
 }
 
 .intro_prepcommunication p{
 width:410px;
 padding:0;
 padding-left:10px;
 margin:0;
 float:left;
 }
 
 .conteneur2cadres{
 clear:both;
 padding-top:30px;
 padding-left:70px;
 padding-right:70px;
 }
  
  
/*****ci dessous cadrebleu*******/
   

.conteneurtxtcadrebleuprepcommunication{
padding-top:30px;
padding-left:30px;
padding-right:30px;
}

.conteneurtxtcadrebleuprepcommunication p{
color:#1f3353;
}
  
 
   
    span#titrecadrebleuprepcommunication{
	display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:130px;
 } 
 
 .cadrebleuprepcommunication{
 height:371px;
 width:418px;
 float:left;
 background:url(../images/img_preparatifs_comm/cadrebleu.gif);
 }
 
/*****ci dessous cadrejaune*******/
   
.conteneurtxtcadrejauneprepcommunication{
padding-top:30px;
padding-left:30px;
padding-right:30px; }

.conteneurtxtcadrejauneprepcommunication p{
color:#b47404;}


 
 span#titrecadrejauneprepcommunication{
 display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:145px;
 }
 
 
  #cadrejauneprepcommunication{
  float:right;
   height:370px;
 width:435px;
 background:url(../images/img_preparatifs_comm/cadrejaune.gif);
 }
 
 a.btpageprecedentepreparatif{
 clear:both;
 display:block;
 margin:0 auto 0 auto;
 padding-top:50px;
 width:127px;
 height:20px;
 background:url(../images/img_preparatifs_bubget/btpageprecedente.jpg);
 background-position:bottom;
 background-repeat:no-repeat;
 }
 
 a.btpageprecedentepreparatif:hover{
 background:url(../images/img_preparatifs_bubget/btpageprecedente2.jpg);
 background-position:bottom;
 background-repeat:no-repeat;}
 
 
 
/* *************************CSS de la page preparatif administratif******************************** */
/* *************************CSS de la page preparatif administratif******************************** */
/* *************************CSS de la page preparatif administratif******************************** */
/* *************************CSS de la page preparatif administratif******************************** */
/* *************************CSS de la page preparatif administratif******************************** */
/* *************************CSS de la page preparatif administratif**********************************/


.conteneur_pageprepadministratif{
width:1024px;}


 
 .intro_prepadministratif img{
 float:left;
 padding-left:260px;
 }
 
 .intro_prepadministratif p{
 width:410px;
 padding:0;
 padding-left:10px;
 padding-top:15px;
 margin:0;
 float:left;
 }
 
 .conteneur3cadresvertjauneviolet{
 clear:both;
 padding-top:30px;
 padding-left:70px;
 padding-right:70px;
 }
 
 
  /************ci dessous le cadre bleu*************/
  
  span#titrecadrebleuprepadministratif{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:90px;}
  
  
 .cadrebleuprepadministratif{
 height:335px;
 width:287px;
 float:left;
 background:url(../images/img_preparatifs_admin/cadrebleu.gif);
 }
 
 .conteneurtxtcadrebleuprepadministratif{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;}
  
  .conteneurtxtcadrebleuprepadministratif p{
  color:#1f3353;}
  
   /************ci dessous le cadre jaune*************/
   
    span#titrecadrejauneprepadministratif{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:90px;}
  
  
 .cadrejauneprepadministratif{
 /*display inline c est pour
  eviter le bug ie6 et 7 qui double
   les margins sur un element 
   positionne en float*/
 display:inline;
 height:332px;
 width:282px;
 margin-left:15px;
 float:left;
 background:url(../images/img_preparatifs_admin/cadrejaune.gif);
 }
 
 .conteneurtxtcadrejauneprepadministratif{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;}
  
  .conteneurtxtcadrejauneprepadministratif p{
  color:#b47404;}
  
  /************ci dessous le cadre violet*************/
   
    span#titrecadrevioletprepadministratif{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:90px;}
  
  
 .cadrevioletprepadministratif{
 height:330px;
 width:287px;
 float:right;
 background:url(../images/img_preparatifs_admin/cadreviolet.gif);
 }
 
 .conteneurtxtcadrevioletprepadministratif{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;}
  
  .conteneurtxtcadrevioletprepadministratif p{
  color:#1f3353;}
  
/************spacer juste avant le cadre vert horizontal*************/   
   .espaceentreles3cadresetlecadrevert{
   clear:both;
   height:15px;}
   
/************ci dessous le cadre vert horizontal*************/   
    span#titrecadrevertprepadministratif{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:90px;}
  
  
 .cadrevertprepadministratif{
 clear:both;
 margin-left:65px;
 height:337px;
 width:891px;
 background:url(../images/img_preparatifs_admin/cadrevert.gif);
 }
 
 .conteneurtxtcadrevertprepadministratif{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;}
  
  .conteneurtxtcadrevertprepadministratif p{
  color:#3b4b11;}
  
 /* *************************CSS de la page preparatif visa******************************** */
/* *************************CSS de la page preparatif visa******************************** */
/* *************************CSS de la page preparatif visa******************************** */
/* *************************CSS de la page preparatif visa******************************** */
/* *************************CSS de la page preparatif visa******************************** */
/* *************************CSS de la page preparatif visa**********************************/



.conteneur_pageprepvisa{
width:1024px;}


 
 .intro_prepvisa img{
 float:left;
 padding-top:20px;
 padding-left:190px;
 }
 
 .intro_prepvisa p{
 width:570px;
 padding:0;
 padding-left:10px;
 padding-top:15px;
 margin:0;
 float:left;
 }
 
 .conteneur3cadresvertjaunebleu{
 clear:both;
 padding-top:30px;
 padding-left:70px;
 padding-right:70px;
 }
 
 
  /************ci dessous le cadre vert*************/
  
  span#titrecadrevertprepvisa{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:70px;}
  
  
 .cadrevertprepvisa{
 height:319px;
 width:288px;
 float:left;
 background:url(../images/img_preparatifs_visa/cadrevert.gif);
 }
 
 .conteneurtxtcadrevertprepvisa{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;}
  
  .conteneurtxtcadrevertprepvisa p{
  color:#1f3353;}
  
   /************ci dessous le cadre jaune*************/
   
    span#titrecadrejauneprepvisa{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:55px;}
  
  
 .cadrejauneprepvisa{
 /*display inline c est pour
  eviter le bug ie6 et 7 qui double
   les margins sur un element 
   positionne en float*/
 display:inline;
 height:319px;
 width:283px;
 margin-left:15px;
 float:left;
 background:url(../images/img_preparatifs_visa/cadrejaune.gif);
 }
 
 .conteneurtxtcadrejauneprepvisa{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;}
  
  .conteneurtxtcadrejauneprepvisa p{
  color:#b47404;}
  
  /************ci dessous le cadre bleu*************/
   
    span#titrecadrebleuprepvisa{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:55px;}
  
  
 .cadrebleuprepvisa{
 height:321px;
 width:290px;
 float:right;
 background:url(../images/img_preparatifs_visa/cadrebleu.gif);
 }
 
 .conteneurtxtcadrebleuprepvisa{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;}
  
  .conteneurtxtcadrebleuprepvisa p{
  color:#1f3353;}
  
  span.pourlinde{
  color:#202909;}
  
  span.pourlindonesie{
  color:#001029;}
  
  span.pourlaustralie{
  color:#603e02;}
  
   /* *************************CSS de la page preparatif billets******************************** */
/* *************************CSS de la page preparatif billets******************************** */
/* *************************CSS de la page preparatif billets******************************** */
/* *************************CSS de la page preparatif billets******************************** */
/* *************************CSS de la page preparatif billets******************************** */
/* *************************CSS de la page preparatif billets**********************************/
  
  

.conteneur_pageprepbillets{
width:1024px;}


 
 .intro_prepbillets img{
 float:left;
 padding-left:190px;
 }
 
 .intro_prepbillets p{
 width:570px;
 padding:0;
 padding-left:10px;
 padding-top:15px;
 margin:0;
 float:left;
 }
 
 .conteneur3cadresvertjaunebleubillets{
 clear:both;
 padding-top:30px;
 padding-left:70px;
 padding-right:70px;
 }
 
 
  /************ci dessous le cadre vert*************/
  
  span#titrecadrevertprepbillets{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:70px;}
  
  
 .cadrevertprepbillets{
 height:704px;
 width:286px;
 float:left;
 background:url(../images/img_preparatifs_billets/cadrevert.gif);
 }
 
 .conteneurtxtcadrevertprepbillets{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;}
  
  .conteneurtxtcadrevertprepbillets p{
  color:#1f3353;}
  
   /************ci dessous le cadre jaune*************/
   
    span#titrecadrejauneprepbillets{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:70px;}
  
  
 .cadrejauneprepbillets{
 /*display inline c est pour
  eviter le bug ie6 et 7 qui double
   les margins sur un element 
   positionne en float*/
 display:inline;
 height:695px;
 width:286px;
 margin-left:15px;
 float:left;
 background:url(../images/img_preparatifs_billets/cadrejaune.gif);
 }
 
 .conteneurtxtcadrejauneprepbillets{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;}
  
  .conteneurtxtcadrejauneprepbillets p{
  color:#b47404;}
  
  /************ci dessous le cadre bleu*************/
   
    span#titrecadrebleuprepbillets{
  display:block;
 color:#FFFFFF;
 font-size:14px;
 padding:0px;
 padding-top:10px;
 padding-left:70px;}
  
  
 .cadrebleuprepbillets{
 height:704px;
 width:290px;
 float:right;
 background:url(../images/img_preparatifs_billets/cadrebleu.gif);
 }
 
 .conteneurtxtcadrebleuprepbillets{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;}
  
  .conteneurtxtcadrebleuprepbillets p{
  color:#1f3353;}
  

   /* *************************CSS de la page Top3******************************** */
    /* *************************CSS de la page Top3******************************** */
	 /* *************************CSS de la page Top3******************************** */
	  /* *************************CSS de la page Top3******************************** */
	   /* *************************CSS de la page Top3******************************** */
	   
.conteneur_top3{
width:869px;
margin:0 auto 0 auto;
margin-top:25px;}

#top3{
outline:none;}

.intro_top3{
margin:0 auto 0 auto;
width:500px;}

 /* *************************CSS footer******************************** */
    /* *************************CSS footer******************************** */
	 /* *************************CSS footer******************************** */
	  /* *************************CSS footer******************************** */
	   /* *************************CSS footer******************************** */
.footer{
width:800px;
text-align:center;
margin-left:200px;}



span.mainlevelliensfooter{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
 /*** separateur entre les liens du menu footer et txt partenaires***/
}




span.mainlevelliensfooter{
font-size:10px;}


.footer a{
font-size:10px;
color:#7285a2;

}

.footer a:visited{
font-size:10px;
color:#7285a2;
}


/* *************************CSS autres liens******************************** */
/* *************************CSS autres liens******************************** */
/* *************************CSS autres liens******************************** */
/* *************************CSS autres liens******************************** */
/* *************************CSS autres liens******************************** */ 

.pagesliens{
padding-left:70px;
padding-right:70px;
}

.pagesechangeliens{
padding-left:185px;
padding-right:70px;
}

.pagesliens p{
padding-bottom:15px;
color:#7285a2;
}

.pagesechangeliens p{
}

.pagesliens a{
color:#0a305f;
}




/* *************************CSS photos******************************** */

.photo{
text-align:center;
}

#menuphoto{
position:absolute;
z-index:100;
outline-style:none;
}

.separateurmenuphoto{
height:150px;
}

.conteneurcadrephoto h1.title{
width:600px;
height:97px;
padding:0;
padding-top:10px;
margin:0 auto 0 auto;
text-align:center;
background:url(../images/img_photos/titrephoto_fond.gif);
background-repeat:no-repeat;
background-color:#000000;
}

.conteneurcadrephoto{
padding:0;}

h1.title{
font-size:13px;
}

div.headline{
padding:0;
}
}



Je vous met pas le code la page de ce site genere en joomla. Je crois que j ai deja pas mal encombre ce post avec cette feuille css interminable

En esperant qu un sauveur passera avant que je doive partir a mon entretien.
Modifié par boucdur00000 (23 Oct 2009 - 11:27)
Tu vas te dire chouette quelqu'un a répondu, ce doit être une réponse, mais enfaite j'en rajoute juste une couche lal...

Si tu as rendez-vous cet aprem, évite de le montrer sous opéra10 ^^'. Sois le menu ne ce lance pas sois il n'apparait qu'une seule fois, puis plus rien.

Bon courage, très chouette la charte graphique de ton site en tout cas !
Salut Lucas,
Ouic'est vrai que je ne l'ai pas teste sur opera.
Mais j'etais en train de faire des bidouilles a l'instant pour regler mon probleme de z-index.
Je pense que si tu retournes maintenant sur le site
www.francois-rosenbaum.com ca devrait marcher sur opera.
Ce serait etonnant que ca marche sur firefox et safari et pas sur opera.
Pour internet explorer je m etonne plus par contre.

Merci pour le compliment. t'es peut etre le premier a voir ce site
a écrit :
Je pense que si tu retournes maintenant sur le site
www.francois-rosenbaum.com ca devrait marcher sur opera.


toujours le même problème (le menu n'apparait qu'une seul fois) !

Le mieux c'est que tu test par toi même:
http://www.opera.com/browser/download/?ver=10.10b1


D'apres ton code:

le swfobject remplace cet div par ta carte .swf ?

<div id="anim_carte"> </div>


Essaye ça,


<div id="anim_carte"> <!-- garder les propriété css que tu as déja -->

     <div id="anim_carte_swf"></div> 
     <!-- appeler ton swf via le swfobject sur cette div -->

</div>


Il me semble que le swf object se contente de remplacer la div par le swf, mais il ne prend pas en compte les propriétés de la div remplacé, du coup ton z-index saute.
Modifié par lucas07000 (23 Oct 2009 - 12:34)
Non en fait c'est menu_8.swf qui vient remplacer la div #display

carte.swf est aussi insere par la methode javascript swfobject mais dans une autre div.
carte.swf n apparait d ailleurs que sur la page d accueil.

Ok je viens de telecharger opera par ton lien.
C est une mauvaise nouvelle d'avoir des problemes aussi du cote d opera. En tout cas merci de le signaler. J'imagine que si y a des soucis sur opera sur la menu ca a certainment un lien avec mes soucis sur internet explorer.
Il y a du javascript sur ce menu.
Ca dit que la div #display qui contient le menu passe en display none quand on passe sur le #conteneurmilieu. Ca dit aussi qu'elle doit apparaitre quand on passe sur differents elements du header.


Pour ce qui est de l hypothese du remplacement de la div qui ne prendrait pas en compte les propriete css de cette div :
je pense pas que se soit ca car j ai utilise cette methode pour tous les flash de c e site, et il semblerait que seul le menu deconne. Je pense que swfobject conserve les propriete css de la div remplacee par le flash.

je vais quand meme regarder ca, il faut en etre sur.
Modifié par boucdur00000 (23 Oct 2009 - 13:04)
Sujet clos
Aller à