Largeur d'un tableau

bonjour une occasion de vous moquer d'un débutant! j'ai l'impression que le solution est toute bète mais j'ai beau faire je ne trouve pas.

J'ai créé un tableau qui devrait faire 500 px. Il a deux colonnes, la somme des largeurs des images placées dans ces colonnes n'est pas supérieure à 400 px. il me reste donc normalement 100 px pour mettre du texte entourant les images (que j'ai mis en float: left). Mon tableau ne veut pas prendre une largeur inférieure à 680px et n'accepte pas la valeur de 500 que je lui donne, je ne comprends pas pourquoi.

html

<table width="500" border="0">
          <tr>
            <td> <strong>House Beautiful Mai 2004 </strong></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
 <td>
<img src="photos/revue de presse/housebeautiful1.gif" width="200" height="271" />
</td>

<td>
<img src="photos/revue de presse/housebeautiful2.gif" width="200" height="135" class="im"/> Scénographie Oscar Larrat pour un jardin d'intérieur :Tableau réalisé par Oscar Larrat<br> 
</td>
 </tr>

 <tr>
  <td> <strong>Maisons du Maroc juillet 2004 </strong></td>
 <td>&nbsp;</td>
  </tr>

<tr>
<td><img src="photos/revue de presse/maisondumaroc1.gif" width="200" height="283" />
</td>

<td>
<img src="photos/revue de presse/maisondumaroc2.gif" width="200" height="290" class="im" /> 
Tableaux "couple chinois " réalisé sur vieux parchemin et toile de lin,créé par Oscar Larrat pour habiller le mur du salon. 
</td>
</tr>

 <tr>
<td>
 <strong>R&eacute;sidences d&eacute;coration</strong><br />dossier canap&eacute;
&eacute;vrier/mars 2005 </td>
            <td>&nbsp;</td>
</tr>

<tr>
<td><img src="photos/revue de presse/Residencedeco1.gif" width="200" height="280" />
</td>

<td>
<img src="photos/revue de presse/Residencedeco2.gif" width="200" height="292" class="im" />
Original en diable :"Buenos Aires", un fauteuil modulable en skaï blanc signé Oscar Larrat. 
</td>
          </tr>
        </table>

CSS

.im {float:left; padding-right:5px;}

je suppose que la solution est toute bête mais vraiment je ne vois pas et je ne la trouve pas dans la FAQ

Merci

Tu devrais nous donner le code CSS complet, mais je pense que des margin ou des padding pourraient intervenir là dedans.
Essaie (juste pour voir, car ce n'est pas compris par Microsoft Internet Explorer 6) max-width:500px à la place de width:500px.

Merci d'avoir répondu à ma question.
Malheureusement ça max-width ne marche pas trop.
Je mettrai bien tou le code CSS mais ça me parrait un peu lourd non:

<style type="text/css">
<!--

.menu li {
float: left;
}

ul {
list-style-type: none;
 margin:0px; padding:0px; width:100%;/* précision pour Opera */
}
.menu a {color:#FFFFFF; text-decoration:none; border: none;  height:24px; display:block
; text-align:center; text-decoration:underline; background-color:#333333; text-decoration:none; width:120px;}

 .menu a:hover { color:#FFFFFF ; text-decoration : underline ; background-color:#666666 ; border: inset 1px;} 


#contenant {
	margin-left:auto;
	margin-right:auto;
	width:706px;
	height:2000px;
	z-index:1;
	border: solid 1px black;
}
#contenu {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}
#Layer1 {
	position:absolute;
	width:597px;
	height:130px;
	z-index:1;
	left: 109px;
	top: 139px;
}
#Layer2 {
	position:absolute;
	width:706px;
	height:96px;
	z-index:2;
	left: 0px;
	top: 43px;
}
#Layer3 {
	position:absolute;
	width:109px;
	height:1862px;
	z-index:3;
	left: 0px;
	top: 139px;
	border:0px;
	margin:0px;
	padding:0px;
	background-color: #666666;
}
#Layer4 {
	position:absolute;
	width:33px;
	height:295px;
	z-index:1;
	left: 37px;
	top: 26px;
}
#Layer5 {
	position:absolute;
	width:706px;
	height:43px;
	z-index:4;
	background-color: #333333;
}
#menu {
	position:absolute;
	width:640px;
	height:27px;
	z-index:1;
	left: 46px;
	top: 11px;
}
#Layer7 {
	position:absolute;
	width:285px;
	height:29px;
	z-index:1;
	left: 32px;
	top: 143px;
}
#Layer6 {
	position:absolute;
	width:591px;
	height:1683px;
	z-index:2;
	left: -2px;
	top: 192px;
}
.Style1 {
	font-size: 24px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.im {float:left; padding-right:5px;}
-->
</style>

HTML

<body>
<div id="contenant">
  <div id="contenu">
    <div id="Layer1"><img src="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/head.jpg" width="597" height="129" />
      <div id="Layer6">
        <table max-width:500px border="0">
          <tr>
            <td> <strong>House Beautiful Mai 2004 </strong></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td><img src="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/photos/revue de presse/housebeautiful1.gif" width="200" height="271" /></td>
            <td><img src="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/photos/revue de presse/housebeautiful2.gif" width="200" height="135" class="im"/> Scénographie Oscar Larrat pour un jardin d'intérieur :

Tableau réalisé par Oscar Larrat<br> </td>
          </tr>
          <tr>
            <td> <strong>Maisons du Maroc juillet 2004 </strong></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td><img src="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/photos/revue de presse/maisondumaroc1.gif" width="200" height="283" /></td>
            <td><img src="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/photos/revue de presse/maisondumaroc2.gif" width="200" height="290" class="im" /> Tableaux "couple chinois " réalisé sur vieux parchemin et toile de lin,créé par Oscar Larrat pour habiller le mur du salon. </td>
          </tr>
          <tr>
            <td> <strong>R&eacute;sidences d&eacute;coration</strong><br />dossier canap&eacute;
            f&eacute;vrier/mars 2005 </td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td><img src="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/photos/revue de presse/Residencedeco1.gif" width="200" height="280" /></td>
            <td><img src="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/photos/revue de presse/Residencedeco2.gif" width="200" height="292" class="im" />Original en diable :
			"Buenos Aires", un fauteuil modulable en skaï blanc signé Oscar Larrat. </td>
          </tr>
        </table>
      </div>
      <div id="Layer7">
        <div align="center" class="Style1">Oscar Larrat et la presse </div>
      </div>
    </div>
    <div id="Layer2"><img src="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/top.jpg" width="706" height="96" /></div>
    <div id="Layer3">
      <div id="Layer4"><img src="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/Logo.jpg" width="33" height="350" /></div>
    </div>
    <div id="Layer5">
	
      <div id="menu">
<ul class="menu">
	<li><a href="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/index.html">Accueil<br /></a></li>
	<li><a href="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/equipe.html">L'&eacute;quipe</a></li>
	<li><a href="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/napoleon.html">Nos R&eacute;alisations </a></li>
	<li><a href="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/revue de presse.html">Revue de Presse  </a></li>
	<li><a href="file:///C|/Documents and Settings/simon/Mes documents/site internet/architect/archi int&eacute;rieur1/dossier/contact.html">Nous contacter </a></li>
	</ul>
	</div>
	
    </div>
  </div>
</div>
</body>

voila ça parraitra suement un peu lourd j'espère que ce sera cependant lisible.
merci

Ok en fait ça ne marchait pas sur le logiciel dream weaver. en fait lorsque je lis le fichier avec IE ou avec FFox ça marche.
Donc Merci beaucoup

Non en fait ma joie a été de courte durée en fait ça ne marche pas toujours pas.
Ma deuxième colonne est toujours plus grande que le valeur que je lui ai fixée

en fait Le pb doit surment venir d'un pb de marge et border car le problème n'éxiste pas sur mozilla.
Mais j'ai essayé margin; paddig; et border = 0px et ça ne donne rien.
...