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  

La manière de gestion des paddings et des margins est différente sous IE (jusqu'à la v6) et Firefox. Du point de vue des standards c'est Firefox qui gagne car il interprète correctement le code et IE qui fâche. Pour le coup il te faudra sûrement passer par un hack CSS ou trouver un compromis.

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.

Pour compléter MisterA au début de ta CSS tu mets :
 
html * {
  padding: 0;
  margin: 0;
}

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.

As-tu un balise du type <?xml> dans l'entête de ta page ? Si oui, supprime là...
 
Théoriquement, tous tes problèmes de padding devraient disparaitre comme par magie... (en tout cas, ça a fonctionné pour moi).

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 .

et voilà...

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.
++

Nan finalement je pense que je vais fair ca a la bourrin  
j'viens de tester une balise code (pour definir une marge de X pixel de tout ce qu'on ajoute entre cette balise) ... sur IE tout etait niquel ... sur Firefox la balise ce bloqué a chaque <embed> (Objet flash,video). Cool
Je renonce j'pense bircoler un truc bien bourrin en ajoutant a l'interieur de la zone de texte <fieldset> (permettant d'obtenir une marge) une AUTRE zone fieldset avec une bordure de 0px  
 
Voila....  
une seule chose qui me tracasse un peu quand meme , c'est le fait que Firefox double l'espace entre les zones (Normalement c'est IE qui possede ce bug "double" mais la ... c'est un peu bizarre)
Pffff ^^.

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

Sinon tu exploite un bug de IE :
 
dans le css, tu donne les attributs comme d'hab pour tes éléments, et pour Firefox, tu utilises les selecteurs de descendence. Donc style ça va donné ça :
 
//pour IE
.maclass {
     //les propriétés ici
}
 
//pour Firefox
html>.maclass {
     /les propriétés ici
}
 
IE ne gère pas les système de descendence pour l'instant, donc autant s'en servir pour régler ce genre de problèmes.
 
Si t'as pas capté, ben... laisse tomber ! lol. Et fais le à la "bourrin", comme tu dis.  

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.

Par contre j'ai un autre petit probleme ...  
Firefox m'ajoute une bordure invisible sur chaque image  
mais cela n'a rien à voir avec un bordure de lien hypertext ... au contraire , pour le demontrer  j'ai mit une bordure noir sur chaque image possedant un lien ... et cette bordure ce dessine autour des l'image laissant un espace de 2px entre eux (correspondant a cette marge invisible)  
sur IE ... la bordure noir touche toute les images sans probleme de marge.
http://www.myspace.com/powerpomm  
j'ai laissé cette bordure noir ... si jamais vous voulez verifier.

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

Pour les images ... c'est moi qui les ajoutent <img src="X">
donc la marge viens de firefox je pense...
 
Et sinon question Ergonomie ( les menus en haut je vais les enlever ou les changer , parce que blanc sur blanc/gris ... mais pour l'instant j'regarde si j'ai la possibilité d'ajouter un code que j'ai bidouillé mais qui ma virer tout , et la pub aussi , flemme d'avoir des probleme)  
Et la bar de scroll horizontal j'peux pas trop y fair grand chose ... cela depent des resolutions. Chez moi elle n'y est pas >_<