28220 sujets

CSS et mise en forme, CSS3

Hello !
J'ai un bug sur une page et je n'arrive pas à le résoudre.
Sous Firefox tout va bien ma balise h1 a un fond bleu.
Sous IE, je n'ai pas le fond, mais là où ça devient dingue c'est que si on sélectionne le texte en le surlignant, puis qu'on le déselectionne, le fond apparaît...
Là j'avoue que je ne comprend plus rien, j'ai trop cherché pour voir clairement...
Voilà mes seuls bout de code affectant les balises H1
h1, form
{
margin: 0px;
}
#centre h1
{
background-color: #3B5DA4;
font-variant: small-caps;
font-weight: bold;
font-size: 1.1em;
color: white;
padding-left: 2px;
}
#tableau_accueil h1
{
/*
background: url('../images/coin_titre.gif') no-repeat bottom left;
*/
background: url('../images/coin_titre_inverse.gif') no-repeat bottom left;
padding-left: 5px;
color: black;
}


Si vous avez une idée...
Modifié par BruceFeuillette (16 Jun 2005 - 15:34)
pas de ie sous la main mais j ai eu un pb similaire il y a quelques semaines et je crois me souvenir que cela était du à un padding.

essaie ton code sans les padding pour voir si ca le fait encore

nicolas
Effectivement je vien d'essayer sous IE et ca me fait le bug.
C'est vrai que si tu sélectionne le titre le fond redevien bleu mais si tu va sur la menu déroulant cela fait disparaitre le bleu. L'erreur vient peut être de ton javascript qui modifie un style.
Effectivement, le javascript induit un comportement bizarre...
En attendant si vous voulez vous amuser sur le truc, sélectionner un mot pour le passer en bleu, votre public est soufflé.
A ce moment là réduisez la fenêtre dans la barre des tâches, tapotez 3 fois sur l'écran et remettez la fenêtre en premier plan.
Ca fait délirer mes collègues en tout cas Smiley smile

Edit: même en enlevant le JavaScript le problème perdure.
Ce satané fond n'apparaît pas.
Par contre il est clair que le JS perturbe le tout.
Mal à la tête là...
Modifié par BruceFeuillette (02 Jun 2005 - 16:31)
Bon, après 14 jours de recherche, j'ai résolu le problème.
Il ne venait pas du JavaScript, mais d'un bug d'IE...
Il est cité ici: http://www.richinstyle.com/bugs/ie5b.html
Faites une recherche sur H1.
En gros, il peut y avoir des conflits avec les balises H1 et les tableaux.
Or mon menu comporte un tableau.
Pour résoudre le problème, j'ai placé un tableau dans ma balise centrale. Il ne comporte qu'une seule cellule.
Et le tout fonctionne correctement.