28220 sujets

CSS et mise en forme, CSS3

[CSS] Probleme avec un div sous IE (résolu)

Problème : un écart au sein du div "haut_bloc_droit" qui crée un espace et n'assure donc plus la jointure avec "contenu_bloc_droit".

Cet espace est matérialisé par la distance entre l'image avec les angles arrondis et la ligne noire ajoutée pour mieux saisir le pb.

Enlever le   ne change rien au passage.

Sous FF & Konqueror, aucun pb... Smiley confus

URL : http://chtinico.dyndns.org/mariage/site/

Le bout de code posant problème :

         <div id="col_droite"> 
            <BOUCLE_accueil(ARTICLES) {titre_mot=accueil} {0,5}> 
               <div class="haut_bloc_droit">&nbsp;</div> 
               <div class="contenu_bloc_droit"> 
                  <h3>#TITRE</h3> 
                  <p>#DESCRIPTIF</p> 
                  <p class="lasuite"><a href="#URL_ARTICLE">La suite...</a></p> 
               </div> 
               <div class="bas_bloc_droit">&nbsp;</div> 
            </BOUCLE_accueil>       
         </div>


La CSS liée :

#col_gauche { 
   float: left; 
   /* margin-left: 7px; ok pour moz mais 2 px pour IE */ 
   margin-left:7px; 
   width: 151px; 
   margin-bottom: 20px; 
   } 

#col_centre { 
   float: left; 
   width: 360px; 
   margin-top: 8px; 
   margin-bottom: 20px; 
   margin-left: 7px; 
   margin-right: 7px; 
   background-color: #FFFFFF; 
   padding: 5px 5px 5px 5px; 
   } 

#col_droite { 
   float: right; 
   /* margin-right: 7px; ok pour moz mais 2 px pour IE */ 
   margin-right:7px; 
   margin-bottom: 20px; 
   margin-top: 8px; 
   width: 151px; 
   } 

/* -- BLOCS DROITS -- */ 

.haut_bloc_droit { 
   background-image: url(cg/angle_cartouche_haut.png); 
   background-repeat: no-repeat; 
   height:12px; 
   } 

.bas_bloc_droit { 
   background-image: url(cg/angle_cartouche_bas.png); 
   background-repeat: no-repeat; 
   height:25px; 
   } 

.contenu_bloc_droit { 
   border-left: 1px solid #F2EBCC; 
   border-right: 1px solid #F2EBCC; 
   background-color: #FFFFFF; 
   width: 136px; 
   padding: 5px 5px 5px 10px; 
   } 

.lasuite { 
   text-align: right; 
   font-size: 10px; 
   margin: 5px 0 0 0; 
   }

Modifié par NiCoS (03 May 2005 - 19:12)
Encore un qui se croit dans un Fast-Food.
Pas de Bonjour, direct ton problème, pas de merci.
Respecte au moins ça!
Merci
Administrateur
Salut Nicos,

J'ai l'impression que tu as dû rater quelques points importants dans les Règles du forum :

Règle a écrit :
18- Un peu de politesse !

La politesse élémentaire est d'usage sur ce Forum (Bonjour, Merci d'avoir répondu à ma question, ...) et sera appréciée par les modérateurs (et autres membres). Nous ne sommes pas dans un fast-food ici, où l'on commande, on consomme et on s'eclipse. Les nouveaux inscrits qui le souhaitent peuvent se présenter dans un sujet du Bar du forum. De même, il est courtois d'être poli et patient avec les nouveaux membres peu expérimentés.


Bonne journée à toi quand même Smiley cligne
Oups désolé, c'est juste que comme je ne cesse de me casser la tête dessus, j'en oublie les règles élémentaires... Smiley confused Smiley confused Smiley confused

Merci à vous, je teste cela ce soir, je n'ai pas accès à mon ftp du bureau Smiley decu
Sujet clos
Aller à