28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis nouveau ici, et j'ai beaucoup appris par le biais de ce site sur les css.
Donc voilà, j'ai réussi à faire tout ce que je voulais faire en css pour mon site, mais petit mystère, j'explique :

J'ai un site avec structure header / body (qui est divisé en 3 avec un menu float: left, le contenu avec les margin pour etre au milieux, et un barre à droite float: right) / un footer (clear: both)

Bon voila pour la structure de base, maintenant, mon problème se passe dans le body > contenu (que j'ai nommé frame, bien que je n'utilise pas de frame)
Il fait 530px de large. Et dans les balises <div> j'ai parfois d'autres balises <div> que je limite à 518px (et je définie un margin-left pour le centrer), et d'autres fois des fieldset, que je dois limiter à 496px pour obtenir la meme taille que les <div> de 518px.

Voici mon code, css d'abord, xhtml ensuite (je vous épargne les lignes de code en trop, si vous en avez besoin il suffit de me demander Smiley smile ) :


.frame {
	margin-left: 147px;
	margin-right: 34px;
	padding-top: 2px;
	padding-left: 4px;
	width: 530px;
	height: 530px;
	background-color: #5E5E5E;
	text-align: justify;
}


/* code qui limite le width de contenu de mon .frame */

.global_message {
	margin-bottom: 15px;
	width: 518px;
}

fieldset {
	width: 496px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 15px;
}



<div class="frame">

<div class="global_message"></div>

<fieldset></fieldset>

<div>



je pense ne rien avoir oublié, je précise juste que le fieldset et le div "global_message" ne sont pas dans la meme page
Si j'ai mal expliqué ou formulé quelque chose, je peux apporter des précisions.

Sinon, si vous voulez voir l'intégrité du code source, vous pouvez jeter un oeil sur mon site web sur la page index pour la taille du div, et sur "buildings tool" pour le fieldset

à noter que mes css sont sur mon site dans le dossier /css/design.css

(vraiment ne venez pas croire que je fait de la pub, il n'y a rien du tout dans mon site à part un pauvre calculateur qui vous est bien inutile Smiley lol )

je vous remercie d'avance pour votre aide, en fait je voudrais juste savoir pourquoi mon fieldset à besoin de 496px et mon div 518px pour avoir la meme taille (j'utilise firefox)
Modifié par Rasta (19 Oct 2006 - 15:46)
bon aller, dernier essai, après je classe ça dans les mystères du css !
Modifié par Rasta (19 Oct 2006 - 14:33)
Modérateur
bonjour,

le fieldset est dans la balise <form> , qui elle n'est pas dimensionné je crois , alors le fieldset occupe toute la largeur que <form> lui octroie avec un petite marge interne pour dessiner le cadre et pour ne pas s'afficher sur les "eventuelles " bordures de <form>.
Rien de mysterieux Smiley smile

++
merci pour cette réponse Smiley cligne

je vais donc tout simplement mettre mon width sur le form Smiley biggol


résolvuté !