28220 sujets

CSS et mise en forme, CSS3

[Résolu] Fieldset : décalage du fond

Salut à tous, j'ai un petit soucis avec un <fieldset>. Le fond blanc devrait rester entre les bordures, mais dépasse derrière le titre avec IE.

Le résultat est bon sous Firefox :

http://img140.imageshack.us/img140/6335/ff12xs.gif

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

http://img111.imageshack.us/img111/1182/ie16th.gif

Voici le code :

<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 :

		.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.
Modifié par uado (14 Apr 2006 - 10:42)
Bonjour uado et bienvenue sur Alsacreations !

Ton utilisation de la balise fieldset semble n'avoir qu'un but décoratif.

Il semble, dans ce cas, que cela soit un peu hasardeux.

Je t'invite à lire ce topic

Bon, cela ne résoud pas ton problème.
Mais l'idée est de t'orienter sur un autre balisage plus "adapté".
Je suppose que je pourrais le faire "simplement" avec deux div dans un troisième et avec des coordonnées, mais ça je ne sais pas faire Smiley decu

Après la lecture de l'autre topic, je me rends bien compte que mon utilisation n'est pas du tout appropriée, mais je n'ai toujours pas de solution. Smiley langue

Je vais chercher en espérant trouver un peu d'aide de votre part quand même .
Je suppose que c'est possible avec deux div plutôt non ?

Par exemple :

<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, ... ?
Sujet clos
Aller à