28173 sujets

CSS et mise en forme, CSS3

Decalge de div sous IE...

Salut tous Smiley cligne
J'ai des petits soucis sous IE5,moi j'emploie Fx sous GNU/linux et pour controler mon nouveau site il faut que j'attende d'être au boulot Smiley decu et là je me rend compte que mon menu haut plus le pied de page ne sont pas centrer + le menu haut ne respecte pas la css sous IE5 (sous fx pas de problemes...) je soupconne ma div ".centrage" comment les rendrent identique sous ie5 comme sous Fx ? merci de votre aide...
voiçi l'adresse http://charmed-pictures.info/ecommerce/ecommerce2/index2.php
Modifié par Express (08 Apr 2006 - 21:42)
Express a écrit :
y'a un moyen de rectifier le décalage du menu de gauche ? http://www.danvine.com/iecapture/view/?jid=3006[/url] merci de votre aide


Comme un gros idiot,j'ai oublié les codes que voici :
CSS
body {
	color:#333;
	background-color:white;
	margin:20px;
	padding:0px;
	font:14px verdana, arial, helvetica, sans-serif;
	}
body>#droite {width:168px;}
	
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:30px;
	font-weight:900;
	color:#ccc;
	}
h2 {
	font:bold 18px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	color:#000000;
	padding:0px;
	}
p {
	font:14px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	color:#000000;
	padding:0px;
	
	}
.Conteneur>p {margin:0px;}
.Conteneur>p+p {text-indent:30px;}

a {
	color:#09c;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}
  
.centrage {                       /*Pour centrer le texte dans une div "class" */
text-align:center; 
margin:auto;}

#entete {
height: 175px;
background-color: transparent;
background-image:url(a5438.png);
background-repeat:no-repeat;

}
.conteneur {
	position:relative; 
	width:auto;
	min-width:120px;
	margin:0px 210px 20px 170px;
	border:1px solid black;
	background-color:white;
	padding:10px;
	z-index:3; 
	}

#gauche {
	position:absolute;
	width:150px;
	top:195px;
	left:20px;
	border:1px dashed black;
	background-color:#eee;
	padding:10px;
	z-index:2;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	}
body>#gauche {width:128px;}
		
#droite {
	position:absolute;
	width:190px;
	top:195px;
	right:20px;
	border:1px dashed black;
	background-color:#eee;
	padding:10px;
	z-index:1;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
#pied {
   height: 10em;
   background-color: #FFFFFF;
   border-top:0.1em solid #555;
   width:700px;
   text-align:center;
   padding-top:55px;
   margin:1em auto 0 auto;
   color:#555;
}

/************************/
/*Reglage du menu gauche*/
/************************/

 #menu_gauche
{
position:relative;
width: 9em;
/*border-right: transparent;*/
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: transparent;
color: #333;
list-style-type: none;
}
 #menu_gauche  ul
{
margin: 0;
padding: 0;
border: none;
}

#menu_gauche  li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#menu_gauche  li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 5px solid #1958b7;
border-right: 5px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #menu_gauche li a { width: auto; }

#menu_gauche li a:hover
{
border-left: 5px solid #484848;
border-right: 5px solid #484848;
background-color: #000000;
color: #ffffff;
}


et PHP !
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<script type="text/javascript" src="photosall.js"></script>
<title>Ecommerce.eu import/Export</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen, projection" title="Original" href="index.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="Menu Gris Petite-Police" href="policeGPM.css"/>


</head>
<body>
<div id="entete"><?php 
include('entete.html');
?>
</div>
<div class="conteneur">  	 <?php 
 if (isset($_GET["page"])) $page = $_GET["page"];
 else $page = 0; 
 switch($page)
{
case 1:include ('inscription.php');break;
case 2:include ('avertissement.html');break;
case 3:include ('/photos/photos.html');break;
case 4:include ('menuH.php');break;
case 5:include ('news.php');break;
case 6:include ('avertissement.html');break;
case 7:include ('mailing.html');break;
case 8:include ('news.php');break;
default:include('accueil.html'); break;
 } 
?>
</div>
<div class="conteneur">
<?php
include('accueil.html');   
?></div>
<div class="conteneur">
</div>

	  <div id="gauche"><?php
include('menuG.html');   
?>
</div>
	  
	  <div id="droite"><?php
include('menuD.html');   
?>
</div>
	  
<div id="pied">
<?php
  include('pied.php');   // J'appel la page "pied.php"
?></div>

	  

</body>
</html>
Vero a écrit :
Bonjour,

Ton sujet n'a pas dû être vu par beaucoup de monde, en effet !

Une possibilité pour tester ie7 : http://www.danvine.com/iecapture/


Merçi du conseil, mais effectivement, sous cette bêta la div id "menu_gauche" se colle sur la gauche la div "conteneur" se menu ne reste pas dans la div "gauche" ,quelle est l'astuce pour IE ?, ca devient Emm*** cette cette histoire.....
Sujet clos
Aller à