Largeur tablau dans un div

Bonjour,

J'ai un div conteneur, et dans celui-ci a gauche, une image, et a droite, un tableau.

<div class='conteneur'>
<div class='image'><img class='boxShot /'></div>
<table class="infos">....</table>
</div>

J'aurais aimer que la largeur du tableau occupe toute l'espace à droite de l'image

div.conteneur {position:relative; width:100%;}
div.image {float:left; width:120px; }
img.boxShot {width:100px; margin:0em; padding:0em;}
table.infos { position:absolute;  margin:0em 0px 0em 100px; }

mais via cette façon, le tableau prend une largeur automatique correspondante a son contenu et non a l'espace a droite de l'image.

une solution ?

Bonjour, le tableau est positionné en absolu dans le conteneur. Pour le positionner, tu dois lui attribuer soit right, top, left ou bottom. Évidemment, top et bottom ou left et right ne vont pas ensemble. Dans ton cas, j'imagine que ça sera: top:0 et right: 0.

Bonjour,

Merci, mais le top et right n'influence pas la largeur du tableau.

un petit peu de code et un lien pour vous montrer le problème.

<div class='conteneur'>
  <p class='black'>&nbsp;</p>
  <div class='boxImages'>
    <img class='boxImages' alt='Aucun Visuel' src='images/banniere/aucunJeu.gif' />
  </div>
  <table class='tableau'>
    <tr>
      <td>
	test
      </td>
     </tr>
   </table>
  <div class="spacer"></div>
</div>

div.conteneur { position:relative; background-color:gray;	}
p.black { margin:0em; background-color:black; line-height:1em; height:1em; }
div.boxImages { 
float:left; width:100px; margin:0em;  padding:0em;  background:#0c2c46;  }
img.boxImages {  margin:0em; padding:0em; width:100px; }
table.tableau {
position:absolute;  right:0em; margin:0em; color:#000; background:#ccc; } 
div.spacer{clear:both; height:1px;}

www.all-game-event.com/test.html

Bonsoir,

Ton tableau n'a pas besoin d'être positionné en "absolu".
Tu as une image à gauche dont tu connais les dimensions. Dans ton exemple elle fait 100px de large.
Créé un "div" autour de ton tableau et attribue lui un padding-left de 100px (largeur de ton image), ce div passera sous ton image et prendra donc toute la largeur de ton interface mais le tableau, lui, occupera 100% de ton interface moins 100px.

Voici le CSS à attribuer à ton tableau :

table.tableau {
  background-color: #CCCCCC;
  color: #000000;
  margin:0;
  width: 100%;
}

Oui en effet, merci bien.
C'était pas trop compliquer mais faillit y penser

Cela fonctionne bien