Version complète: sur le forum Webmaster Hub : mise en forme sous IE
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
beguelinar
vendredi 9 juin 2006 à 14:34
Bonjour,

J'ai un problème de décalage sous IE et sur firefox l'affichage me convient parfaitement. Ma page contient des tableau et des div

J'ai recherché sur le forum mais les posts sur ce sujet ne m'ont pas aidé alors je compte sur vous blush.gif

Le site en question est -www.xxxxx

Salutations,
beguelinar


Le problème est résolu merci quand même
captain_torche
vendredi 9 juin 2006 à 14:45
Tu peux exposer tout de même ton problème ainsi que sa solution, ça permettra à d'autres personnes dans le même cas, de tomber sur ta solution en effectuant une recherche.
gauloiskiki
lundi 12 juin 2006 à 00:37
je profite du sujet pour faire part de mes problèmes d'interprétation de CSS par IE et Firefox ...

j'ai un tableau dont les cellules ont une hauteur définies à 20px et une bordure de 1px

CODE
#default     {
        height:20px;
    border-style:solid;
    border-width:1px;
    border-color:black;
}


mon problème est que les cellules font bien 20px avec Firefox bordure incluse et 22px avec IE qui rajoute l'épaisseur de la bordure à la hauteur définie ...

j'aimerais donc savoir comment faire pour que les cellules fassent bien 20px dans les deux cas et sans passer par un truc du style:

CODE
#default     {
        height:20px;
        _height:18px;
    border-style:solid;
    border-width:0px;
    border-color:black;
}


d'avance merci
nicoo
lundi 12 juin 2006 à 10:41
un hack "plus propre" serait :
CODE
#default{
    height:20px; /* valeur pour ie */
    border : 1px solid #000; /* au passage ta valeur border doit être à 1px sinon cela ne sers pas à grand chose */
}html>body #default {
height:18px; /* valeur prise en compte par tous les navigateurs standards */
}


sinon au pasage il y a une astuce pour mettre toutes les marges et padding à 0

CODE
* {
margin:0;
padding:0;
}

ce code est à mettre en début de ta css
Bourinho
lundi 12 juin 2006 à 11:02
Salut à tous,

je suis pas fort en CSS alors j'essaie de m'informer... mais là, dans ton 1er code nicoo, y a un truc qui m'échappe... pourquoi seul IE va prendre en compte le height de 20px (c'est ce que tu mets en commentaires...)

Par avance, merci!
captain_torche
lundi 12 juin 2006 à 11:12
Tous les navigateurs comprennent la première syntaxe. C'est la seconde (html>body #default) qu'IE ne comprend pas.
Il garde donc la première définition, alors que les autres navigateurs, la comprenant, modifient la valeur.

On peut aussi passer par :
CODE
height: 18px !important;
height: 20px;

le !important spécifiant aux navigateurs conformes aux normes, que la valeur ne doit pas être modifiée par la suite.
IE ne comprenant pas cet attribut, voyant une nouvelle valeur, modifie l'ancienne.
Bourinho
lundi 12 juin 2006 à 13:51
Merci pour ces éclaircissements...

Vivement que IE rattrape son retard car étant donné qu'il représente (encore...) plus de 80% des navigateurs utilisés sur la toile...c'est dur de ne pas lui faire un traitement de faveur...

A+
captain_torche
lundi 12 juin 2006 à 19:07
Et même s'il le rattrapait dans sa prochaine version (ce qui ne semble pas encore gagné), il faudrait encore prévoir les 'vieux' IE6 pendant quelques années.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.