28220 sujets

CSS et mise en forme, CSS3

Probleme decalage IE

En voilà un probleme bien classique ... mais malgres avoir essayer pas mal de solutions en recherchant sur le net je n'ai pas reussi a résourdre ce probleme qui me c***e les c*****es et encore je reste polis ...

Pour que vous puissiez voir de quoi il retourne voici 2 screenshots:
http://lavazzo2.free.fr/img/pb_ie_coins_ok.jpg
http://lavazzo2.free.fr/img/pb_ie_coins_bad.jpg
En fait il se passe que lorsque je redimensionne la fenetre d'ie en largeure un decalage apparait ou disparait (c'est selon son humeur...), mon site etant basé sur un desing fluide, ca me pose vraiment un probleme alors si quelqu'un a une idée...

Voici ma methode de mise en place des coins arrondies si ca peut aider a résoudre mon probléme:

<div class="conteneur">
   <div class="haut">
      <div class="coin_haut_droit"></div>
      <div class="coin_haut_gauche"></div>
   </div>
   <div class="contenu">
     ........
   </div>
   <div class="bas">
      <div class="coin_bas_droit"></div>
      <div class="coin_bas_gauche"></div>
   </div>
</div>

Et le CSS qui va avec (margin et padding sont initialisé a 0px au debut du CSS) :

.conteneur{
margin:auto;
margin-left:55px;   // par ex
margin-right:55px; // par ex
margin-top:12px;  // par ex
}

.haut, .bas{
height:10px;   // par ex
}

.coin_haut_gauche, .coin_haut_droit, .coin_bas_gauche, .coin_bas_droit{
height:10px;
width: 10px;
font-size:1px; /* correction d'un bug IE a ce qui parait, je sais pas lequel*/
}

/* Ensuite on attribut les valeur specifique de chaque coin, ici j'ai volontairement ommis les "gif" qui s'y rapporte pour que ca soit plus lisible*/

.coin_haut_gauche, .coin_bas_gauche{
float:left;*


.coin_haut_droit, .coin_bas_droit{
float:right;
}


Encore un grand merci à ceux qui pourront m'aider Smiley biggrin
Modifié par Lavazzo (16 Sep 2005 - 15:24)
connecté
Administrateur
Salut,

Je te propose la réponse habituelle : as-tu lu et appliqué la Méthodologie que tu trouveras en annonce du salon CSS ?
Jusqu'à présent elle a fait des miracle pour les problèmes d'affichages.
Ben pourtant oui j'ai bien appliqué la methodologie proposée, j'ai reverifié de trés nombreuse fois mon code, mon CSS, ... et rien n'y fait... Smiley ohwell

Cependant j'ai un debut de piste je crois, j'ai pu remarquer que ce probleme ne se produisait pas lorsqu'il n'y avait pas de texte dans mes <div> de contenu, de plus mon texte etant justifié, je pense que celà pourrais expliquer que IE n'arrive pas a gerer correctement le redimensionnement du paragraphe lors de la reduction de la fenetre par exemple.

Je continue donc mes recherches, si vous avez une autre idée merci a vous Smiley cligne
Sujet clos
Aller à