Fixer la largeur d'un tableau

Salut,

J'ai un petit problème. Voilà je veux que mes colonnes aient une largeurs fixes 150px.
Je veux pouvoir scroller en largeur sur mon tableau


Avec ce code j'obtiens le résultat que je veux sous firefox, mais pas sous IE6. Le tableau s'adapte à la largeur de la div. Comment faire?

<div style="width:150px; border:red 1px solid;overflow-x:auto">
	   <table border="1">
	     <tr>
	       <td width="150px" style="width:150px;min-width:150px;">kiki</td>
	        <td width="150px" style="width:150px;min-width:150px">kikou</td>
	      </tr>
	      <tr>
	       <td width="150px" style="width:150px;min-width:150px">kiki</td>
	        <td width="150px" style="width:150px;min-width:150px">kikou</td>
	      </tr>
	   </table>
	 </div>

Merci d'avance

Essaye en précisant une taille maximal au div (max-width)

Simple question, ça sert à quoi de mettre width="150px" avec style="width:150px;" ?

Bonsoir,

jo_link_noir a écrit :
Essaye en précisant une taille maximal au div (max-width)

ça ne risque pas d'aider... Vu qu'IE6 ne sait pas interpréter max-width...

Perso, je me demande plus quel est l'intérêt de forcer l'utilisateur à un comportement auquel il n'est pas habitué et qui généralement le dérange.

Bonjour,

C'est pour une application interne en entreprise. C'est un écran qui contient un tableau avec comme en-tête une date sachant que la période peut être assez longue d'où l'intérêt de mettre un scroll horizontal au tableau. De toute façon je n'ai d'autre choix se sont les utilisateurs qui souhaitent cette écran comme cela.

max-width n'est pas interprété par IE6. Si j'ai mis width="150px" avec style="width:150px;" c'est pour "montrer" que ceci n'a aucun effet sur ie6. Ce n'est qu'un exemple. Et je voudrai pouvoir obtenir le même rendu sur IE 6 que sur firefox.

Y a t il une solution, un style qui permettrais de forcer ie6 à ficer la largeur des colonnes? Au quel cas je serai de revoir la construction de la page en mettant des div avec "float: left".

Salut,

Bon j'ai trouver une astuce même si ce n'est pas très beau.
Dans chaque cellule je met une DIV avec une largeur spécifique.

    <div style="width:150px; border:red 1px solid;overflow-x:auto"> 
       <table border="1"> 
         <tr> 
           <td ><div style="width:150px">kiki</div></td> 
            <td ><div style="width:150px">kikou</div></td> 
          </tr> 
          <tr> 
           <td ><div style="width:150px">kik</div></td> 
            <td ><div style="width:150px">kikou</div></td> 
          </tr> 
       </table> 
     </div> 

Modifié par langly (23 Sep 2009 - 10:03)