28173 sujets

CSS et mise en forme, CSS3

bonjour,

j'ai un menu déroulant horizontal fait avec la méthode de ce site et un peu en dessous une iframe.
Le problème c'est qu'en fonction du contenu de l'iframe (documents office, pdf, site web, ...), les "blocs déroulés" sont masqués par ce contenu.

J'ai essayé avec des z-index mais sans résultats si vous avez d'autres idées je suis preneur.

merci
Bonjour,

Sans le code ou mieux une page en ligne, il est difficile pour les membres d'esquisser une réponse. Smiley cligne
http://wuji.pleiad.net

Utiliser le lien de démonstration à gauche, il faut ensuite naviguer via le lien "module de démonstration" et ensuite "découverte de pleiad 6 (flash)".

Une fois le flash chargé, le menu déroulant "Forum" devrait afficher deux items.

Le css correspondant au menu


#menu{
	position : absolute;
	top : 10%;;
	left : 0;
	width : 100%;
	height : 20px;
	background-color : #f69504;
	z-index : 50;
}

#menu dl {
	display : inline;
	margin-left : 2em;
}

#menu dt{
	position : relative;
	display : inline;
	text-align: center;
	font-weight: bold;
	height : 110%;
	line-height : 20px;
}
#menu dd {
	top :17px;
	padding : 10px;
	margin-left : -6em;
	position : absolute;
	display: none;
	background : #f69504; 
	color : #FFFFFF;
	z-index : 100;
	border : 1px solid black;
	height : auto;
}

#menu li {
	list-style-type : none;
	text-align : left;
	margin-left : 0.5em;
	
	margin-right : 0.5em;
}

#menu a {
	color : white;
	font-weight : bold;
}

#menu a:hover {
	color : #0F2F60;
}


Et pour la partie iframe

#frame {
	position : relative;
	width : 100%;
	height : 100%;
	background : #FFF;
	z-index: 0 ;
}
.iframe {
	position : relative;
	height : 100%;
	width : 78%;
	float : right;
	background : #FFF;
	z-index : 0;
}


j'ai rajouté les positionnements pour le z-index, j'en ai pas besoin autrement.
Bonjour,
Problème il est vrai assez ennuyeux quand on le découvre.
Je pense a priori que dans ce cas un peu particulier, cela peut venir
soit d'un contrôle active X soit du chargement d'un plug-in (pdf...)

Le contenu html ne devrait en principe pas poser de problème.
Lee contrôles Active X comme les plug-in sont des éléments fenêtrés, c-a-d qu'ils s'afficheront toujours
au dessus des autres contenus non fenêtrés quelquesoit leur propriétés d'affichage.
Quant aux iframe il sont passés en éléments non fenêtrés
depuis IE5.5 donc ça ne devrait pas venir de là.

voir à ce sujet
http://support.microsoft.com/default.aspx?scid=kb;en-us;177378
Tu trouveras peut-être la réponse ici:
http://forum.alsacreations.com/topic.php?fid=4&tid=17986&s=fen%EAtr%E9s
Modifié par Hermann (16 Jan 2007 - 12:48)