IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Bug d'affichage des bordures de fieldset sous IE


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Homme Profil pro
    Technophile Web
    Inscrit en
    Mai 2007
    Messages
    930
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Technophile Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2007
    Messages : 930
    Par défaut Bug d'affichage des bordures de fieldset sous IE
    Bonjour,

    Je viens vers vous pârce que j'ai un énorme soucis que j'arrive pas à résoudre.
    Voila, j'ai une page qui contient pas mal de fieldset, mais je n'arrive pas à voir leurs bordures sous IE (sous FF si).
    Voila j'utilise trois CSS. D'abord, j'ai décidé d rester les styles par défaut des navigateurs. Pour cela, j'utilise la feuille de style "officielle" pour le reset
    http://www.w3.org/TR/CSS21/sample.html
    ensuite j'ai une feuille de style ù j'ai mis cela
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    * html fieldset /* IE HACK */
    {
    	border: 1;
    	display:block;
    	border-style: solid;
    	border-width: 2px;
    	border-color: black;
    }
    qui est censé m'affiché une bordure mais non rein
    j'ai une autre CSS mais elle est resérvée au graphisme et donc ne porte que sur les images et les style, mais pas les bordures de division ou de fieldset

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    la feuille de style indicative non normalisée qui commence à dater et auquelle tu fais référence n'a pas pour fonction d'être utilisée comme reset CSS mais comme outil d'apprentissage.
    L'indentation historique des ul,ol... correspondant à une marge gauche de 40px n'est plus valable que pour IE, les autres navigateurs utilisant un padding.
    D'autre part tous les élément HTML ne sont pas présents dans cette CSS.
    Je te conseil donc d'oublier cette CSS (pour cet usage) et d'utiliser un reset CSS à bon escient en tenant compte des styles par default des éléments qui en sont pourvu.

    Les border du fieldset ne sont pas visibles car le *html hack n'est plus compris à partir d'IE7, tu dois donc te tourner soit vers le *property: value hack ou le html* hack sachant que leur pérennité de fonctionnement n'est pas garanti dans les futurs version d'IE et que cela invalide ta CSS, soit vers l'utilisation des commentaires conditionnels (préférable dans la plupart des cas).

  3. #3
    Membre éprouvé
    Homme Profil pro
    Technophile Web
    Inscrit en
    Mai 2007
    Messages
    930
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Technophile Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2007
    Messages : 930
    Par défaut
    j'ai compris, c'est du à IE
    CSS pour moi signifie Cascading Style Sheet donc feuille de style où on peu écrire des styles en cascade (le dernier style définit est le vaiqueur)

    mais il s'avère que non avec IE

    ais-je raison ou est ce un bug ?

  4. #4
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par sliderman Voir le message
    j'ai compris, c'est du à IE
    CSS pour moi signifie Cascading Style Sheet donc feuille de style où on peu écrire des styles en cascade (le dernier style définit est le vaiqueur)
    mais il s'avère que non avec IE
    Pour IE c'est faux il se comporte de la même manière à ce niveau là, mais je vois pas trop le relation avec ton premier post.

  5. #5
    Membre éprouvé
    Homme Profil pro
    Technophile Web
    Inscrit en
    Mai 2007
    Messages
    930
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Technophile Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2007
    Messages : 930
    Par défaut
    Citation Envoyé par Erwan31 Voir le message
    Pour IE c'est faux il se comporte de la même manière à ce niveau là, mais je vois pas trop le relation avec ton premier post.
    ah bon ?
    ben pourtant j'ai vu que quand tu mettais
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    div.toto
    {
     background-color: blue;
    }
    div.toto
    {
     background-color: red;
    }
    les div de classe toto apparaissant rouge

    le rapport avec mon post était que je m'étais des bordures blanches en haut de ma CSS et noir en bas de ma CSS. il s'avère que les bordures étaient blanches, d'où le fait que je ne l'ai voit pas

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par sliderman Voir le message
    j'ai compris, c'est du à IE
    CSS pour moi signifie Cascading Style Sheet donc feuille de style où on peu écrire des styles en cascade (le dernier style définit est le vaiqueur)

    mais il s'avère que non avec IE

    ais-je raison ou est ce un bug ?
    Non, pas forcément, il existe un taux de précision qui permet de connaitre le "vainqueur".
    Ce taux dépend du nombre de sélecteurs utilisés, de leur type de l'endroit où la déclaration est faite etc...
    La cascade s'entend plus dans le sens de l'héritage de propriétés.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  7. #7
    Membre éprouvé
    Homme Profil pro
    Technophile Web
    Inscrit en
    Mai 2007
    Messages
    930
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Technophile Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2007
    Messages : 930
    Par défaut
    mais les futurs version d'IE (le 7 et le 8 qui est en développement) sont plus respectueuse des CSS

  8. #8
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par sliderman Voir le message
    mais les futurs version d'IE (le 7 et le 8 qui est en développement) sont plus respectueuse des CSS
    Euh t'es un peu en retard, la 7 est déja utilisée depuis déjà quelque temps et la
    8 est en version bêta. Le layout engine (moteur de rendu) de la 8 a été totalement révisé.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème d'affichage des divs (z-index) sous IE
    Par muzele dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 17/12/2008, 16h17
  2. Réponses: 1
    Dernier message: 07/11/2008, 09h13
  3. Réponses: 9
    Dernier message: 08/02/2008, 16h17
  4. Affichage des données d'une sous requête
    Par jibux dans le forum Langage SQL
    Réponses: 6
    Dernier message: 30/08/2007, 16h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo