18041 sujets

Questions générales et questions de débutants

Table qui dépasse de la table parente

Ca dépasse :'(

Ma table imbriquée dépasse de la table parente, je sais que les div c'est mieux ^^ mais là je veux utiliser une table dans une autre, mais je ne comprend pas pourquoi ça dépasse...


<html>
<head>
		<title>Ma Page</title>
		<link rel='stylesheet' type='text/css' href='style.css'>
</head>
<body>
<table width='' height='600px' border = 3 id='parent'>
<tr><td width='800px' height='125px' colspan='2'>

<table class='titre' width='800px' height='150px' border='0'>
	<tr>
		<td>
Image
		</td>
	</tr>
</table>
</td></tr>
<tr><td width='125px' height='600'>
Image
</td>

<td width='675' height='450px' rowspan='2'>
<br><br>
<table border=2><tr><td>

<br><br><br><br><br><br><br><br><br>a
<br><br><br><br><br><br><br><br><br>b
<br><br><br><br><br><br><br><br><br>c
<br><br><br><br><br><br><br><br><br>d
<br><br><br><br><br><br><br><br><br>e
<br><br><br><br><br><br><br><br><br>f

</td></tr></table>

</td></tr>

<tr><th width='800px' height='183px' colspan='2'></th></tr>
</table>
</body>
</html>
Bonjour à toi aussi, Smiley ohwell

Effectivement, une mise en page en utilisant des div serait plus indiquée car plus accessible et peut-être plus simple, finalement, compte tenu de ce que tu cherches à faire ...
En l'état, c'est très exotique ... j'avoue que cela me dépasse !
Smiley sweatdrop

Ce forum préconise une approche plus qualitative, c'est son objectif : il serait bon que tu en sois conscient ... Smiley cligne

Ceci étant, compte tenu que ton tableau parent a une hauteur déclarée de 600px, si la somme des hauteurs internes déclarées est supèrieure à 600px, ce qui semble être le cas, il est peut-être normal que ca dépasse.

C'est juste une question de logique arithmétique, en somme.

De plus, nous sommes dans le salon CSS, réservé aux problèmes de mise en forme via une feuille de style CSS, donc : je déplace dans le salon ... débutant.
Vero a écrit :
Ce forum préconise une approche plus qualitative, c'est son objectif : il serait bon que tu en sois conscient ... Smiley cligne


J'en suis bien conscient Smiley smile mais ici ça serait toute une interface à refaire seulement pour un problème de table qui dépasse, c'est beaucoup de travail pour pas grand chose...

J'ai modifié mon code en enlevant toutes les hauteurs qui ne sont pas fixes

<html>

<head>

		<title>Ma Page</title>


</head>

<body>

<table width='800px' border = 3 id='parent'>

<tr><td width='800px' height='125px' colspan='2'>



<table class='titre' width='800px' height='150px' border='0'>

	<tr>

		<td>

Image

		</td>

	</tr>

</table>

</td></tr>

<tr><td width='125px'>

Image

</td>



<td width='675px' rowspan='2'>

<br><br>

<table border=2><tr><td>



<br><br><br><br><br><br><br><br><br>a

<br><br><br><br><br><br><br><br><br>b

<br><br><br><br><br><br><br><br><br>c

<br><br><br><br><br><br><br><br><br>d

<br><br><br><br><br><br><br><br><br>e

<br><br><br><br><br><br><br><br><br>f



</td></tr></table>



</td></tr>



<tr><th width='800px' height='183px' colspan='2'></th></tr>

</table>

</body>

</html>


Mais ça ne marche toujours pas Smiley bawling

Comment faire pour que la table parente s'adpate automatiquement en fonction de la taille de la table fille ?
Peut-être parce que tu as donné une hauteur fixe à la table parente et celle à l'intérieur déborde... Smiley rolleyes Tu devrais vraiment te mettre au CSS...
Bein comme on le voit sur le code j'ai enlever toutes les hauteurs qui ne sont pas fixes dont celle de la table principale.

Est-ce que si vous copier le même code ça fait pareil chez vous ?


Je n'ai pas envie de refaire toute l'interface de cette partie du site c'est pour ça que je laisse l'interface comme ça, il me faut jsute regler ce problème.

Pour le reste j'utilise bien évidemment les feuilles de style.
Pas de problème chez moi, j'ai juste retouché un peu ton code dans dreamweaver qui adooooore la mise en page en tableaux... 

<html>
<head>
<title>Ma Page</title>
</head>
<body>
<table width="800px" border = "3" id="parent">
  <tr>
    <td width="800px" height="125px" colspan="2">
      <table class="titre" width="800px" height="150px" border="0">
        <tr>
          <td> Image </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td width="125px"> Image </td>
    <td width="675px" rowspan="2"> <br>
      <br>
      <table border="2">
        <tr>
          <td> <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            a <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            b <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            c <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            d <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            e <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            f </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <th width="800px" height="183px" colspan="2"></th>
  </tr>
</table>
</body>
</html>


Sinon, pardonne ma franchise, mais c'est caca comme façon de faire...

edit : surtout qu'alsacréations livre des gabarits tout faits...
Modifié par Patidou (19 Dec 2006 - 11:16)
J'avoue c'est même très caca, mais ça date de longtemps, et pas envie de tout refaire...

Merci pour l'aide, je n'ai le problème de dépassement que sur Safari maintenant, ça marche avec FF et IE
Modifié par ToxiK (19 Dec 2006 - 11:51)
Sujet clos
Aller à