positionnement avec IE et Mozilla

  • celandine
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Oct 30, 2007
  • Messages: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Message Juillet 14th, 2008, 10:45 pm

Le code va n'importe où dans votre CSS. Est-ce ce que vous voulez dire par "où"? ce n'est pas spécifié dans votre code html comme le doctype - vous l'avez mis dans la feuille CSS externe. Je veux dire, en théorie, vous pouvez l'ajouter à l'html, mais la pratique de son mieux ne pas le faire.............

espérons que les aides à tous les :D

alternativement, il est pratique de mettre le padding sur le texte plutôt que le conteneur le texte. qui a tendance à trop travailler. (le problème apparaît lorsque vous avez la "marge" et "padding" valeurs sur les éléments qui ont défini une largeur et hauteur - mozzilla compte de rembourrage supplémentaire en largeur à celle déjà indiquée (pour une boîte avec une largeur de "300px" et le rembourrage de "5px" viendront à 310px) et l'explorateur ne compte pas comme un rembourrage supplémentaire.... ou était-ce l'inverse? hmmm.... ses quelque chose comme ça de toute façon :D
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 14th, 2008, 10:45 pm

  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Juillet 14th, 2008, 11:09 pm

voici un lien qui pourrait être d'une aide à vous...
website-design-forum/width-width-width-right-t21298.html
Let's leave all our *plum* where it is and go live in the jungle ...
  • misksh
  • Born
  • Born
  • Avatar de l’utilisateur
  • Inscription: Jan 04, 2009
  • Messages: 1
  • Status: Offline

Message Janvier 4th, 2009, 8:54 pm

J'ai ajouté ce code à mon style:

div (-moz-box-sizing: border-box;)

Il a travaillé pour moi.
  • Method
  • Born
  • Born
  • No Avatar
  • Inscription: Mar 07, 2009
  • Messages: 2
  • Status: Offline

Message Mars 7th, 2009, 3:39 pm

digitalMedia a écrit:

Code: [ Select ]
DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}




J'ai trouvé cette résolu le problème pour IE / Firefox. Mais Google Chrome rend la boîte de façon différente - lorsque vous appliquez padding il pousse la case pour une plus grande taille (le px supplémentaires spécifiées par le padding) vissage donc la mise en page (j'ai aussi remarqué des tailles de police un aspect différent dans google chrome). Et chose intéressante, Dreamweaver CS3 interprète le rendu le même que les polices de Google Chrome (pour les boxs, non).

Est-ce que quelqu'un sait comment résoudre ce problème, Google Chrome?

BTW, Google chromes distribution était OK avant d'ajouter le code ci-dessus.
  • Method
  • Born
  • Born
  • No Avatar
  • Inscription: Mar 07, 2009
  • Messages: 2
  • Status: Offline

Message Mars 7th, 2009, 4:05 pm

Je suis tout à fait un débutant à la CSS (mon premier regard il était hier).

Toutefois, j'ai découvert un correctif.

Code: [ Select ]

DIV{
    -moz-box-sizing:border-box;box-sizing:border-box;
    -webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;
}
  1. DIV{
  2.     -moz-box-sizing:border-box;box-sizing:border-box;
  3.     -webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;
  4. }


Dreamweaver rend encore de façon bizarre, mais Firefox Google Chrome, et IE7 sont tous heureux.

Afficher de l'information

  • Total des messages de ce sujet: 20 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 129 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC