28172 sujets

CSS et mise en forme, CSS3

IE c'est trop injuste

bonjour,

j'ai un bug sous IE concernant un menu appelé via un 'require_once' en php. Je l'ai placé dans un div en relative. Le probleme est que les sub passent sous le div gauche (en float) et uniquement lui... pas sous les autres (div centre et div droite)
Avez-vous une astuce ? merci beaucoup, je me tire les cheveux depuis maintenant 3j ! j'aéi essayé pas mal de choses, mais sans succès...
merci encore de votre aide
voici le code html :
<body>

<div id="entete"><?php require_once('entete.html'); ?></div>


<div id="homeglobal">
	<div id="homecentre-bis">
    
 <div id="homemenu">   <?php require_once('menu.html'); ?>   </div>
    


	<div id="homedroite">

	</div><!-- Fin homedroite -->
  

      
    	<div id="homegauche">
			
		<div id="image"><?php require_once('image.php'); ?></div>
		        
	</div><!-- fin home gauche -->


	
	<div id="homecentre">
		
        </div><!-- #centre -->



	</div><!-- #centre-bis -->
    
	
	
	<div id="homepied">
        
    	</div><!-- #pied -->
  


</div><!-- #global -->


et le css :

body {
	margin-left: auto;
	margin-right: auto;

	padding: 0px 0px 0px 0px;
	color: #000000;
	background: #FFFFFF;
}
a {
color: #FF9900;
}
a:hover, a:focus {
color: #FF4C00;
}

tr {
	margin:0 0 0 0;
}
td {
	margin:0 0 0 0;	
}
#menu a {
color: #FF4C00;
}
#menu a:hover, #menu a:focus {
color:#FFFFFF;
background: #FF9900;
}


/* --- POSITIONNEMENT --- */

/*MENU*/
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {
	position:relative;
	float:left;
	font-family: Verdana, Arial;
	font-size: 10px;/*margin-right:2px*/
	font-weight: bold;
	text-align: left;
}
ul.menu ul {
	position:absolute;
	top:25px;
	left:0;
	background:#FF9900;
	display:none;
	opacity:0;
	list-style:none
}
ul.menu ul li {position:relative; border-bottom:1px dotted #000000; border-top:none; width:168px; margin:0}
ul.menu ul li a {display:block;padding:3px 7px 5px; background-color:#FF9900}
ul.menu ul li a:hover {
	opacity:40;
	color: #FFFFFF;
}
ul.menu ul ul {left:99px; top:-1px}
ul.menu .menulink {/*border:0px solid #aaa; padding:5px 7px 7px;*/ width:99px}
ul.menu .menulink:hover, ul.menu .menuhover {-moz-opacity:0.75; opacity: 0.75; filter:alpha(opacity=75);
}
ul.menu .sub {background:#FF9900 /*url(images/arrow.gif) 2px 8px no-repeat*/}
ul.menu .topline {border-top:1px solid #aaa
}

#homeglobal {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	width: 990px;
}

/* En-tête */
#entete {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* Bloc central  */
#homecentre-bis {
	width: 100%;
	overflow: hidden;
}

/* Contenu principal */

#homecentre {
	margin-left: 380px;
}

/*Menu*/
#homemenu {
position:relative;
}

/* Contenu droit */
#homedroite {
	float: right;
	width: 220px;
	margin: 10px 0px 5px 5px;
}

/* Contenu gauche */
#homegauche {
	float: left;
	width: 380px;
	margin: 10px 5px 5px 0px;
}
#gauche {
	float: left;
	width: 760px;
	margin: 10px 5px 5px 0px;
}

/* Pied de page */
#homepied {
	margin: 0;
	font-size: .85em;
	line-height: 0.85;
}
Il nous faudrait le code généré par le PHP, et non le PHP lui-même. Ou mieux, un lien vers le problème en question.
j'ai bien essayé, et ça fonctionne super; mais pas de position relative sur le div du wrapper, il y en avait ailleurs par contre. J'ai encore des positions absolute dans les div de ce module qui n'ont pas l'air de géner le flux (elles), et j'ai toujours une partie du sub (du bouton incriminé) qui est cachée, et pas de position relative sur d'autres div.
merci pour cette élucidation, si par hasard tu saurais encore me dépanner, ...
Smiley smile
Sujet clos
Aller à