par
uado » 13 avr. 2006, 16:04
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 :
Mais sous IE, il y a un décalage :
Voici le code :
Code : Tout sélectionner
<div class="bloc-menu">
<fieldset class="cadre-menu">
<legend class="caption-tableau">
Projets
</legend>
» Voir les projets<br>
» Cré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 à 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 :
[img]http://img140.imageshack.us/img140/6335/ff12xs.gif[/img]
Mais sous IE, il y a un décalage :
[img]http://img111.imageshack.us/img111/1182/ie16th.gif[/img]
Voici le code :
[code]
<div class="bloc-menu">
<fieldset class="cadre-menu">
<legend class="caption-tableau">
Projets
</legend>
» Voir les projets<br>
» Créer un projet<br>
</fieldset>
</div>
[/code]
Avec cette CSS :
[code]
.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;
}
[/code]
Si quelqu'un pense savoir comment faire avec cette méthode ou même avec une autre, je suis preneur.
Merci d'avance.
uado.