Bonjour à tous,

Voila depuis peu (à force de voir les pubs partout )
je me suis mis sous Firefox ...
Bon j'ai tres bien compris que entre IE et Firefox les choses ne sont pas comprises de la meme maniere :
Je suis en train de faire un profil qui necessite des codes CSS et HTML ... que j'ai du changer pour que le resultat soit le meme sous IE et sur FF.
Seul probleme : sous IE le texte touche les bordures encadrantes
alors que sur FF figure une marge d'environ 10px .
Adresse du profil: http://www.myspace.com/powerpomm
Pour eviter (sous IE) que le texte se colle à la bordure, j'ai du bricoler en ajoutant 3 espaces (avec la methode de selection ils sont facilement detectables , on peut aussi voir la marge FF de 10px ) , mais ces espaces figurent aussi sur Firefox augmentant encore plus la marge (10px + 3 espaces) ...
Je cherche donc à savoir si il y avait une solution à ce probleme, ou si la marge de FireFox n'est pas une question de reglage (HTML ou autre) mais plutot de l'interpretation qu'il fait de la balise <fieldset> (bordures encadrantes) et de ce faite pas reparable.
Merci d'avance

Salut.

Ce que je fais pour éviter les ambiguïtés concernant les marges, je les met par défaut à 0 (margin : 0; padding : 0; ). Ensuite je modifie selon mes besoins. Fais également gaffe aux margin du contenu qui peut pousser les bordures du conteneur.

Essaye d'abord comme ça. si ça fonctionne pas, ça peut venir d'autre chose, et dans ce cas ya une manip à faire. Je l'ai apprise récemment, elle marche du tonnerre ! Mais essaye déjà de tout uniformiser en faisant ce que je t'ai dit.

Tient nous au courant.

Merci pour le code , il marche parfaitement ,
mais que dans un sens :
Le faite qu'il retablisse une marge nul pour FF et IE.
Cependant quand je cherche à jouer avec les valeurs (que j'ai mises en "px" )
FF double celle-ci par apport à IE
En claire (quand je joue avec le padding) les espaces des zones de texte (encadrés) sont 2 fois plus espacés sur Firefox que sur IE.
De la meme facons... quand je change la margin celle-ci ajoute une marge sur la page entiere et non dans les zones de texte
ce qui decale toute la page de X pixels vers la droite.
Voila , si vous avez une solution , un code ou autre , qui puisse parametrer le padding (en general) et/ou la marge (uniquement dans les zones de texte) de facons similaire sur FF et sur IE , je suis toute ouïe.

Sinon bah Merci encore pour le code , vu que niveau marge , les 2 Log sont a egalité , je pourrais aisement ajouter des espaces.
C'est ce que je cherche a eviter (j'aime pas le bricolage ^^)
C'est plus confortable quand c'est automatique.

Merci d'avance.

Ah justement ... en fait Myspace premet juste d'ajouter des codes CCS HTML (codes Java et autre sont prohibés , ainsi que certaines balises de type <script> <object> )
Donc je n'est pas acces a l'entete .

Ben c battu pour toi ! lol

Non, sinon, une manière de contourner ce problème de marges (sans hack !) c'est (suis-bien !) de ne pas "donner directement une taille à tes blocs" mais "indirectement" en limitant sa taille par les marges extérieur des blocs.
J'sais pas si tu me suis... lol

C'est à dire qu'au lieu (par ex) de donner 300px de large à un bloc, et bien tu lui des donnes des marges gauche et droite suffisament importantes pour rétrécir le bloc et donner l'illusion que tu lui a donné une taille en px.

C'est un peu capilotracté comme système, mais c'est une "méthode de détournement" officielle, qui permet de ne pas utiliser de hack, ce qui est le mieux à faire.

En conclusion : comme tu n'utilises pas de padding (car finalement c'est de lui que vient le problème), et bien t'as plu de soucis. Enfin, normalement, personnelement j'ai jamais eu la peine de l'utiliser...

Voilà, j'espère que ça t'aidera.
++

Aaaa le jour où les navigateurs au moins sur une même plateforme interpréteront les langages d'affichages de la meme manière, ce sera déjà un grand pas... au fait, t'as testé sur Opéra

Bon finalement j'me suis fait un system qui me convient parfaitement , en grapillant quelque infos un peu partout...
En Claire:

Apres avoir parametré les padding/margin à 0px
j'ai ajouté ce code:

<STYLE type="text/css">

.sam1 { padding: 5px }
.sam2 { padding: 10px }
.sam3 { padding: 15px }
.sam4 { margin: 5px }

</STYLE>

Cela agit comme une sorte de sauvegarde de données qui ne sont pour l'instant appliquées nulle part.
On peu donner un nom a chaque donnée ou suite de donnée que l'ont souhaite sauvegarder (ici sam1/2/3/4).
De là , je peu modifier les parametre sde chaques zone de texte de maniere independante :
En ajoutant tout simplement class="sam1/2/3/4" dans la balise <fieldset> de cette facon:

<fieldset class="sam1" style="border:2px solid #CCCCCC; width:450;">

Pour gerer la marge il faut modifier le padding ... et si on le souhaite , on peu decaler la zone de texte en jouant avec margin
(ajoutant ainsi une marge invisible sur le coté de la zone de texte est uniquement sur cette zone de texte)

Voila ^^

à MisterA: je pense que ton code peu etre super util pour retablir un equilibre entre les espacements de Firefox et IE
Merci j'vais le tester.

Pour rajouter tes images, tu dois faire du code, ou tu passes par l'interface de myspace ? Parce que si c'est "lui" qui le fait, il met peut-être l'image dans un élément conteneur qui (peut-être) possède un padding (non pris en compte par IE; il est tellement tolérant lui... pfff)

Bon, je sais, ça fait beaucoup de "peut-être", mais si tu peux vérifier.
Sinon, je sais pas d'où ça peut venir.

Dernier détail, qui n'a rien à voir : question ergonomie, les liens et menu en haut en jaune et en blanc sur un fond de couleur clair, c'est pas terrible terrible... J'sais pas si t'as le moyen de changer ça, mais si tu peux, je te le conseille vivement.
Ah oui, et puis, j'sais pas si t'as un écran 24", mais j'ai un scroll horizontal que je trouve très bof...
(ensuite, je ne parle pas du contenu; les goûts et les couleurs... comme on dit.)

Cela dit, bonne continuation