Page 1 sur 1

CSS : Fieldset et décalage du fond

Posté : 13 avr. 2006, 16:04
par uado
Salut à tous, j'ai un petit soucis avec un <fieldset>. Le fond bleu devrait rester entre les bordures, mais dépasse derrière le titre avec IE.

Le résultat est bon sous Firefox :

Image

Mais sous IE, il y a un décalage :

Image

Voici le code :

Code : Tout sélectionner

<div class="bloc-menu"> <fieldset class="cadre-menu"> <legend class="caption-tableau"> Projets </legend> &raquo; Voir les projets<br> &raquo; Cr&eacute;er un projet<br> </fieldset> </div>
Avec cette CSS :

Code : Tout sélectionner

.bloc-menu { margin: auto; width: 100%; padding-top: 15px; text-align: center; } .cadre-menu { border: 1px solid #AAAAAA; padding: 5px 5px 5px 5px; width: 90%; background-color: #FFFFFF; text-align: left; } .caption-tableau { background-color: #BBDEFF; border: 1px solid #AAAAAA; padding: 0px 15px 0px 15px; font-weight: bold; color: #505050; }
Si quelqu'un pense savoir comment faire avec cette méthode ou même avec une autre, je suis preneur.

Merci d'avance.

uado.

Salut

Posté : 13 avr. 2006, 16:11
par A. BILLAUD
A vu d'oeil ton code est juste.
Il est possible que se soit un problème de compatibilité avec le IE il existe des sites ou tu peux voir la compatiblité des commandes CSS avec ton navigateur.

http://www.laltruiste.com

il me semble que ce site te donne certains renseignements sur la compatibilité des commandes CSS

Posté : 13 avr. 2006, 16:12
par uado
Merci j'y file illico presto !! :P

(Je laisse encore le Topic en "non-résolu" pour le moment)

Posté : 14 avr. 2006, 10:05
par uado
Je suppose que c'est possible avec deux div plutôt non ?

Par exemple :

Code : Tout sélectionner

<div class="boite"> <div class="titre"> Les projets </div> Voir les projets Créer un projet </div>
Le problème ce que je ne sais pas trop quels style appliquer. Plutôt des positions relatives, des marges négatives, ... ?

Posté : 14 avr. 2006, 10:40
par uado
J'ai trouvé une solution, certes, un peu barbare, mais ça fontionne : http://www.webmaster-hub.com/index.php? ... st&p=62566