28173 sujets

CSS et mise en forme, CSS3

voilà mon problème : mon projet de site s'affiche correctement sous firefox, par contre sous IE, certaines div ont un décallage de plusieurs px (non présents dans la css Smiley cligne ) 'un genre de marging-top'
de plus mon bloc (div) de contenu a des borders "internes" sous IE et externes sous Firefox Smiley bawling et le padding est à la rue aussi sous IE.
Bref y a que sous Firefox que celà s'affiche bien !!



merci pour votre aide Smiley smile
Modifié par Bender (27 Mar 2006 - 20:03)
Bonsoir,

Tu peux mettre display: block; sur ton image globalhaut.gif
<img src="images/globalhaut.gif" style="display:block" width="770" height="6" alt="">
ou coller cette balise <img> avec la suivante :
<img src="images/globalhaut.gif" width="770" height="6" alt=""><div class="contenu">

Modifié par Alan (26 Mar 2006 - 22:25)
merci Alan pour ton astuce display:block, ça marche bien Smiley cligne

il me reste maintenant mon problème de border et de padding avec mon bloc de contenu et les deux marges rajoutés par IE entre les balises "mentions" et "bas" Smiley confus ...
Modifié par Bender (26 Mar 2006 - 23:02)
Ajoute un DOCTYPE, et tu verras que ça ira déjà mieux avec tes bordures. (IE sera alors en mode de rendu standard) et surtout ça te permettra de corriger ton code.
cf : http://css.alsacreations.com/Bases-et-indispensables/DTD-comment-choisir

Ensuite pour les marges autour de .mentions : ajoute margin:0; et ajuste avec padding.
Et remplacer
Plan du site</a>
[b]<p>[/b]
<div class="bas">
par
Plan du site</a>
[b]</p>[/b]
<div class="bas">


A+
Modifié par Alan (26 Mar 2006 - 23:31)
merci alan pour tes conseils Smiley cligne

t un chef !

j'ai été obligé de combiner avec du margin-left:x !important; pour leurrer Ie
@ pluch