28173 sujets

CSS et mise en forme, CSS3

bonjour a tous,
voici ce que j'essaye de faire :
- j'ai un div conteneur qui a pour largeur 98% de la page
- dans celui ci j'ai plusieurs section (div) qui sont formées de la sorte :
un texte en haut (dans un div avec un background)
un autre div situé juste en dessous contenant un tabeau.

le probleme est lors que je reduit la taille de ma fenetre, mon tableau "garde une largeur minimum", on a donc une barre de defilement horizontal qui apparait (ce que je souhaite) mais la largeur du div contenant le texte est alors plus petite que celui contenant le tableau Smiley decu
j'aimerais que mes differentes parties aient toutes la meme largeur ... ou au minimum que le bandeau texte garde la meme largeur que le tableau auquel il est associé
si vous avez des idées, des pistes, remarques, je suis preneur Smiley lol

CSS :

div.conteneur{
	margin-left: auto;
        margin-right: auto;
	width: 98%;
	padding: 10px;
	clear: both;

}

div.group_sans_margin
{
	position: relative;
	float: left;
	margin-bottom: 10px;
	background-color: #FAFAFA;
	width: 100%;
	padding: 5px;

}

div.entete
{
	position: relative;
	float: left;
	padding: 5px;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	background-color: #EEEEEE;
	
}


CODE :

<div class="conteneur">
<div>  --> cette partie ce repete plusieur fois dans ma page
  <div class="entete">TEXTE BANDEAU
  </div>

  <div class="group_sans_margin">
    <table class="partie">
      elements tableau
    </table>
  </div>
</div>
</div>


dites moi si c'est pas assez clair je m'exprime peut etre mal, mais je peux pas vous filer de lien , je travail en local ^^
Modifié par folyonais (09 Mar 2006 - 11:54)