Sondage du mois

Sondage du mois
 

  La connaissance ne vaut que si elle est partagée par tous




 
  Astuce Adobe Photoshop : Raccourci préférences des couleurs : Ctrl Shift K




Les tutoriaux: Index » Site Web » CSS » Fieldset sous IE

Introduction

  • Tutoriel posté par Sky
  • 2140 lectures
  • Mis en ligne le 18-05-2010
  • Dernière mise à jour le 04-09-2010
  • Ce tutoriel a été estimé comme simple.


Automatic Translations:
Translate Into English Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Nous allons voir ici comment résoudre le problème d'affichage des fieldset et legend sous IE. En effet sous IE, le background du fieldset dépasse en haut pour englober la légende. Voyons ensemble une technique simple et rapide pour résoudre ce léger problème disgracieux.

Méthodologie

De quel bug s'agit-il ?

Comme vous pouvez le constater ci dessous l'affichage des fieldset sous IE présente un léger problème disgracieux.



Allons à l'essentiel

Faisons simple et concis, pour résoudre ce problème nous allons utiliser du CSS. Concrètement il faut juste ajouter ceci à votre marqueur legend
CODE CSS


legend {
position:relative;
top: -15px;
}

Ce simple bout de CSS vous permettras de résoudre ce problème sous IE sans changer l'apparence sous Firefox.



Code CSS utilisé dans notre exemple

CODE CSS


fieldset {
background-color:#2050a4;
border: 1px #000 solid;
padding:10px;
color:#fff;
}

legend {
background-color:#fff;
border: 1px #000 solid;
position:relative;
top: -15px;
color:#2050a4;
padding:2px;
}

Notes

  Evaluez le tutorial (6 Votes)

6
0
0

Pour les questions ou d'éventuelles remarques, dirigez vous vers le forum.

Réagir sur ce tutoriel - [Site Web] Fieldset sous IE

DERNIÈRES PUBLICATIONS DE OPEN-MOUTHED

En direct de open-mouthed.com