Compatibilité du css sous IE et Firefox

[pablo escobar]

Voila je suis en train de faire un site et j'ai quelque soucis de compatibilité entre les deux navigateurs. En faite je voudrais savoir si on peu justifier un text via une feuille css sous firefox. Ca marche nikel sous IE mais sous FF impossible de justifier mon texte. Comment faire ??? Y'a t 'il une syntax css differentes a utilisé ???

POurtant en regardant sur ce site :

Vous devez être connecté pour voir les liens.

On peu voir que c'est compatible sur les deux navigateur. Alors comment faire ???

help me please

 

[Johan_et_Pirlouit]

Pour tes favoris : Topic Unique de tête de liste !! >>

Vous devez être connecté pour voir les liens.

Dedans, tu as un lien vers les recommandation CSS et en français.. La règle CSS qui te concerne est effectivement 'text-align' et tous les navigateurs la connaissent, elle est une des plus anciennes règles (CSS 1), ce que précise bien le Wiki..

Maintenant, tu ne nous soumets pas d'extrait de code, alors comment veux-tu qu'on puisse comprendre pourquoi "ça marche pas" chez toi ? Ton texte est encapsulé dans quoi : <div>, <p>, <span>, autre ?

 

[pablo escobar]

BAh rien de plus simple dans ma feuille de style j'ai le code suivant :

.p4 {font-weight : bold ;text-align=justify;}

et dans ma page html :

<div id="layer1" style="width:411px; height:837px; position:absolute; left:345px; top:260px; z-index:5;">
        <p class="p4"><img src="./img/f.jpg"border="0">TEXT</p></div>

tout mes paragraphe fonctionnent de la même façon et sous FF aucun d'eux n'est justifier. :/

 

[marsien]

Si tu as dfini quelque part des propriétés css pour la balise <p>, il se peut qu'elles soient prioritaires sur celles de la class p4...

Et autre chose : sépare complêtement html et css. Sinon, c'est la boxon, et ton code html est dégueulasse à lire

 

[Johan_et_Pirlouit]

BAh rien de plus simple dans ma feuille de style j'ai le code suivant :

.p4 {font-weight : bold ;text-align=justify;}

et dans ma page html :

<div id="layer1" style="width:411px; height:837px; position:absolute; left:345px; top:260px; z-index:5;">
        <p class="p4"><img src="./img/f.jpg"border="0">TEXT</p></div>

tout mes paragraphe fonctionnent de la même façon et sous FF aucun d'eux n'est justifier. :/

Normal : tu ne prends aucun soin avec la syntaxe ! En étant méchant, je dirais que tu n'obtient que ce que tu mérites.. Mais je ne suis pas méchant et les inattentions sont souvent légions quand on manipule du code..

La bonne syntaxe de ta règle CSS est la suivante :

.p4 { font-weight: bold; text-align: justify; } // En CSS on n'utilise jamais le symbole '='

Ce à quoi tu ajoutes la règle CSS pour ton <div> en la retirant du code HTML où elle n'a pas sa place :

#layer1 { width: 411px; height: 837px; position: absolute; left: 345px; top: 260px; z-index: 5; } // '#' c'est pour les 'id'

Tu ajouteras aussi la suppression de la bordure de l'image de ton paragraphe :

.p4 img { border: none; } // signifie que cette règle vaut pour toutes les balises <img> contenues dans les objets de la classe 'p4' dans ta page

Et pour l'image dans ton paragraphe, inutile de préciser le dossier de départ pour le chemin relatif : il est toujours sous-entendu et pris par rapport à l'emplacement de la page HTML de référence (ou alors le navigateur est un boulet) :

<div id="layer1">
        <p class="p4"><img src="img/f.jpg">TEXT</p> // Pas de déclaration de bordure dans le code HTML, la CSS le fait très bien !
</div>

Et n'oublie pas d'être soigneux dans la présentation de ton code, avec des espaces disposés opportunément pour bien séparer les règles et attributs et aussi faire que visuellement tu puisses t'y retrouver facilement ..