28220 sujets

CSS et mise en forme, CSS3

[ résolu]Marges sous IE

Bonjour à tous,

Tout d'abord, je tiens à remercier les gens qui propose ce forum exeptionnel.
Le browser qui respecte les standars est bien entendu FF par contre IE, ça rame Smiley smile

Voilàj'ai problème de marge supérieur et inférieur sous IE uniquement, et je voulais vous demander votre aide: voici le code ( problème au niveau # image)
<body>
<div id="global">
   <!-- Ici général -->
<div id="contenu">

   
   <div id="logo">
   <a href="images/logo.jpg">
          <img alt="logo qrvevey" title =""  width="588" height="104"    src="images/logo.jpg"/></a>   </div>
   <div id="menup">CONTACT Plan 
   </div>




<div id="image">
<img alt="logo qrvevey" title =""  width="588" height="302"    src="images/lampe.jpg"/>
  </div> <!-- Ici on mettra l'image -->
   <div id="barre">
</div>



 <div class="content petit-contenu">
 <div style="float: left; width: 204px; height: 280px; margin-right: 8px; background-image:url(images/gauche.gif); background-repeat:no-repeat">
         
          <p>
		  </p>
		  </div>
		  
<div style="float: left; height: 280px; width: 378px; background-image:url(images/droite.gif); background-repeat:no-repeat">

          <p>gfdfgdfghgfh ttr ewr 
		  </p>
 </div>
</div>

<div id="footer">
gvgsdhfbvsdbfhasd

</div>
</div>
</div>
</body>
</html>
et la css:

/* CSS Document */
body {
	margin: 0;
	padding: 0;
	height: auto;
	font-size: 11px;
	color: #636360;
	font-family: Arial, Helvetica, sans-serif;
	background: #B4B4B4;
}

h1 {
	font-size: 1.2em;
	margin: 0 0 0 0px;
	color: #E94F1A;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.3pt;
}

p {
	font-size: 1.1em;
	padding: 5px 0 5px 0;
	margin: 0 0 0 20px;
	text-align: justify;
	letter-spacing: 0.25pt;
}
b {
	color:  #9523E7;
	letter-spacing: 0.5pt;
}
strong {
	color: #E63324;
	letter-spacing: 0.3pt;
}
em {
	color: #9523E7;
	font-weight: bold;
}

a img {
	border: none;
}

/*----------------------------------------------+ + Styles pour global         + +----------------------------------------------*/
#global {
	height: 1000px;
	background-color: #fff;
	background-image:url(../images/fond.jpg);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 50%;
	width: 734px;
	margin-left: -367px;
	

/* moitié de la largeur */
}

#contenu {
	margin: 0 0 0 33px;}
#logo {
	width: 588px;
	height: 104px;
	margin: 13px 0 10px 0;
	border: none;
}
#image{
	margin: 0 0 0 0;
	padding:0
	width: 588px;
	height: 302px;
	}
.content {
	width: 590px;
	margin-top: 0;
	float: left;
	padding: 8px 0 0 0;

}
.petit-contenu {
	width: 590px;
}
#barre{
	width: 588px;
	height: 17px;
	background-image:url(../images/hit.gif);
	background-repeat:no-repeat;
	margin: 0;
	padding:0;
	
	}

#footer {
	height: 20px;
	width: 588px;
	text-align: right;
	color: #5A5A5A;
	font-weight: bold;
	font-size: 1.2em;

}

/*----------------------------------------------+ + Styles pour menuP        + +----------------------------------------------*/
#menup {
	margin: 0;
	padding: 0 0 0 14px;
	width: 588px;
	height: 17px;
	letter-spacing: 0.11em;
	color: #555555;
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat;
	font: bold 12px/24px Arial, Helvetica, sans-serif;


	
	

}
#menup ul, #menup li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	vertical-align:middle;
	height: 17px;
}
#menup a:link, #menup a:visited {
	line-height: 17px;
	font-weight: bold;
	margin: 0 0 0 21px;
	padding: 0;
	text-decoration: none;
	color: #E63324;
}
#menup a:link#current, #menup a:visited#current, #menup a:hover {
	background: transparent;
	color: #9523E7;
	padding-bottom: 2px;
	
}
#menup a:hover {
	color: #9523E7;
}


Merci d'avance Smiley rolleyes
Modifié par garden (19 Oct 2005 - 09:19)
Sujet clos
Aller à