Discussion :

[zackrel]

Bonjour, bonjour

Voila mon soucis, j'utilise un fieldset contenant image + text et le soucis que j'ai c'est que mon fieldset n'a pas une largeur fixe et sort de mon div.

voile une illustration du problème.



voile mon code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
#conteneur {
	float:left;
	background-color:white;
	margin-left:auto;
    margin-right:auto;
	width :668px;
}
 
#conteneur fieldset {
	background:#f2f8f9;
	border-style:solid;
	border-width:1px;
	border-color:#16475e;
	margin:auto;
	margin-bottom:15px;
	padding-left:8px;
	padding-right:8px;
	display:inline;
	text-align:justify;
}
 
#contenu_principal{
	width:300px;
}
 
#conteneur fieldset legend {
	font-style: italic;
}
 
#conteneur .image_flottante{
	float:left;
	margin-right:15px;
	margin-bottom:5px;
}

et mon code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div id="conteneur">	>> Accueil	
<fieldset id="contenu_principal">
	<legend>Direction</legend>
	<img class="image_flottante" src="../images/fondLyceeAccueil3.jpg" alt="fondLyceeAccueil"/>Ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
</fieldset></div>

J'ai d'abord cru que c'était dû au float:left de ma boîte conteneur, mais j'ai deja essayé d'utiliser une autre position sans que le problème soit résolue

[Candygirl]

La balise fieldset doit être utilisée à une fin bien précise: regrouper les différents champs d'un formulaires par catégorie pour une meilleure structuration.

Il me semble que, dans ton cas, tu l'utilises juste pour l'effet graphique qu'elle amène (je ne vois pas de balise form) ce qui n'est pas une bonne idée. La structure d'un document ne doit pas être altérée pour des raisons graphiques. Tu devrais reproduire cet effet en utilisant les balises appropriées.

Autrement je ne comprends pas trop ton problème de dépassement. Si tu mets une suite de caractères ininterrompue, le navigateur ne va pas pouvoir passer à la ligne et respecter la taille du conteneur. Quel comportement souhaiterais-tu avoir ?

[zackrel]

l'idéal ca serrait que le fieldset ait une largeur fixe et que le texte passe à la ligne des que la largeur du texte est trop grande. Pour ton conseil a propos du fieldset je suis tout a fait d'accord avec toi mais malheuresement je suis stagiaire et mon tuteur veux que j'utilise des fieldset, et c'est lui qui a je dirait le pouvoir de décision.

je pense d'ailleur que ca complique les choses pour rien. On peux faire autant voirmieux avec un div =)

[zackrel]

finalement le problème venait memepas des fielset j'ai un problème avec mes div
j'ai le contenu texte qui sort du divqui le contient.



quelqu'un sait d'ou ca peux venir? J'aimerai faire en sorte que le texte reste entierement dans mon div et qu'un retour a la ligne soit effectué des que la taille du div est atteinte

[Candygirl]

l'idéal ca serrait que le fieldset ait une largeur fixe et que le texte passe à la ligne des que la largeur du texte est trop grande.

Il me semble que c'est exactement le comportement par défaut qu'aura ton fieldset... Je doute qu'il y ait, dans ton texte, des mots aussi longs que la ligne de d que tu as mise. Teste avec un text "normal" (c'est à dire comportant des espaces entre les mots) et tu verras la largeur de ton conteneur respectée par des passages à la ligne. Sans espace le navigateur ne sait pas où couper et donc laisse logiquement tout sur une seule ligne.

Ou alors peut-être n'ai-je rien compris à ta problèmatique

[zackrel]

a oui en effet j'avais pas pensé a ca
Ca ne change rien sur un fieldset parcontre sur un div ca change tout.
Je vais abandonner les fieldset et faire ca avec un bon vieux div.
Et j'irai voir mon tuteur pour lui expliquer le pb et surtout lui faire un cour sur le fieldset

merci pour tes conseils

[Candygirl]

a oui en effet j'avais pas pensé a ca

Tu n'es pas le premier ni ne sera le dernier

Ca ne change rien sur un fieldset parcontre sur un div ca change tout.

ça ne change rien sur un fieldset sur FF uniquement; sur opera et IE tu verras une différence. Le problème provient de ton display:inline sur ton fieldset.

Cela n'a pas vraiment de sens de mettre un display:inline sur un fieldset et chaque navigateur tente de l'appliquer à sa sauce (perso je ne suis convaincue par aucune des manières Opéra étant, à mon sens, le plus proche sauf en ce qui concerne le border).

D'ailleurs quel est l'intérêt de donner un width et des marges auto à ton fieldset si c'est pour le transformer en inline ?

Autrement on est d'accord pour oublier l'utilisation d'un fieldset dans un contexte hors formulaire