[HTML] table problème de taille

Version imprimable

Bonjours, j'ai un petit souci de présentation en html....

Enfet, je créer deux tableau, un en dessous de l'autres la taille des tableaux est 100%.
Mon souci, est que lorsque je réduit la taille de ma page sur IE, le 1er tableau du haut contient que des images donc, il suit la taille de la fenetre...
Le 2e Tableau contient du texte, donc si on réduit trop la fenetre, un assensceur horizontal se créer.. Et lorsque je déplace mon assensceur vers la droite, je m'apperçois que mon 1er tableau est a 100% par rapport à la taille qu'on voit... Il ne s'aggrandi pas jusqu'au bout de la page.
Ce qui fait vraiment pas jolie étant données que j'ai mit un fond de couleur et des images....

Comment est t'il possible de faire allez le premier tableau à la taille du 2e ????
Les deux tableau sont dans deux pages différentes que j'appel avec des include() car le 2e tableau n'a jamais le meme nombre de colonne alors rassabler les deux tableauw en un me pareil assez compliquer et long a mettre en place... non ??!!!

Merci de votre aide...

Si joint un appercu de mon code pour voir un pe plus le truc :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <TABLE WIDTH="100%" cellpadding="0" cellspacing="0" border="1"> <tr> <td colspan="3" background="img/interface/Barrehaut.jpg"><IMG SRC="img/interface/Transparent.gif" WIDTH="150" HEIGHT="47" ALT=""></td> </tr> <tr> <td align="center" bgcolor="#000000"><img src="img/interface/PersonnageGauche.jpg" border="0" width="130" height="150" alt="WOW - Guilde - les amis" ></td> <td align="center" bgcolor="#000000"><a href="index.php"><img border="0" src="img/interface/LogoAmis.gif" width="321" height="123" alt="WOW - Guilde - les amis" ></a></td> <td align="right" bgcolor="#000000"><img src="img/interface/PersonnageDroite.jpg" border="0" width="120" height="150" alt="WOW - Guilde - les amis" ></td> </tr> <tr> <td colspan="3" background="img/interface/Separation.jpg"><IMG SRC="img/interface/Transparent.gif" WIDTH="150" HEIGHT="19" ALT=""></td> </tr> </table> <div class="contourSite"> <table border="0"> <tr> <td valign="top"> CONTENU DES PAGES .... </td> </tr> </table>

09/11/2007, 09h14
blueice

Rien compris.
Pour commencer les tableaux ne servent pas à la mise en page, ce n'est que pour afficher des données tabulaires.

Ensuite, montre nous un exemple en ligne, se sera plus parlant et tu auras une réponse plus rapide, ou alors un dossier complet, page html+images+css+...+..., tu zippes et tu mets en pièce jointe.

De même, je ne suis pas sûr d'avoir compris.

Si c'est ton div "contour site" qui definit la taille de ton site. Pourquoi ne pas mettre le table dans ton div.

en bref :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<div class="contourSite">
<TABLE WIDTH="100%" cellpadding="0" cellspacing="0" border="1">
    <tr>
        <td colspan="3" background="img/interface/Barrehaut.jpg"><IMG SRC="img/interface/Transparent.gif" WIDTH="150" HEIGHT="47" ALT=""></td>
    </tr>
    <tr>
        <td align="center" bgcolor="#000000"><img src="img/interface/PersonnageGauche.jpg" border="0" width="130" height="150" alt="WOW - Guilde - les amis" ></td>
        <td align="center" bgcolor="#000000"><a href="index.php"><img border="0" src="img/interface/LogoAmis.gif" width="321" height="123" alt="WOW - Guilde - les amis" ></a></td>
        <td align="right" bgcolor="#000000"><img src="img/interface/PersonnageDroite.jpg" border="0" width="120" height="150" alt="WOW - Guilde - les amis" ></td>
   </tr>
   <tr>
         <td colspan="3" background="img/interface/Separation.jpg"><IMG SRC="img/interface/Transparent.gif" WIDTH="150" HEIGHT="19" ALT=""></td>
    </tr>
</table>
 
 
<table border="0">
    <tr>
        <td valign="top">
	CONTENU DES PAGES ....
        </td>
    </tr>
</table>
</div>

Concernant la mise en page avec des tableaux, c'est vrai que ce n'est pas recommandé. (perso je m'en claque 8-), Temps que le site fonctionne et qu'il passe la valide HTML Validator W3C.. c'est très bien. Apres c'est chacun sa sauce pour la refonte et les modifs... c'est mon avis ... c'est mal, mais j'assume.:king:

09/11/2007, 10h29
blueice

Citation:

c'est mon avis ... c'est mal, mais j'assume.

Les clients aussi ?:?
09/11/2007, 10h46
Silvia12

Ben, je suis pas trés doué en CSS, c'est pour ca que je base toute ma présentation sur les tables...
Je sais c'est pas trés jolie aspect code, mais, bon, on fait comme on peut...

Alors pour ce qui est de définir la taille de la fenetre dans mon CSS avec la balise contoursite.... Oula...

Actuellement dans ma balise, je défini les marges, couleur de font, le mise en forme du texte....

Mais la taille de la fenetre... je sais pas trop comment le faire....

Pour ce qui ont pas compris mon souci :
http://guilde.lesamis.free.fr/
Réduit la page de motier et aprés déplace l'assensceur vers la droite, tu verra tout la présentation du haut, s'arrete à la taille de la page...
09/11/2007, 11h07
blueice

Tu veux parler du bandeau qui continue à rétrécir alors que le bas est bloqué ? 8O
09/11/2007, 14h27
Silvia12

Citation:

Envoyé par blueice

Tu veux parler du bandeau qui continue à rétrécir alors que le bas est bloqué ? 8O

Oui, c'est ca...
Je sais pas comment faire pour que ca reste a la meme taille que le reste de la page...

(Ce qui ma fois est tout a fait logique vu mon code....)

Mais comment faire pour na pas que ca fasse cela????

Si tu fais ca avec des tableaux (mais il vaut mieux ecouter blueice ;) ). Tu dois spécifier une taille fixe d'un tableau dans le tableau du haut. L'idée en gros :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <TABLE WIDTH="100%" cellpadding="0" cellspacing="0" border="1"> <tr> <td colspan="3" background="img/interface/Barrehaut.jpg"><IMG SRC="img/interface/Transparent.gif" WIDTH="150" HEIGHT="47" ALT=""></td> </tr> <tr> <td colspan="3"> <table width="lataillequetuveux" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="center" bgcolor="#000000"><img src="img/interface/PersonnageGauche.jpg" border="0" width="130" height="150" alt="WOW - Guilde - les amis" ></td> <td align="center" bgcolor="#000000"><a href="index.php"><img border="0" src="img/interface/LogoAmis.gif" width="321" height="123" alt="WOW - Guilde - les amis" ></a></td> <td align="right" bgcolor="#000000"><img src="img/interface/PersonnageDroite.jpg" border="0" width="120" height="150" alt="WOW - Guilde - les amis" ></td> </tr> </table> </td> </tr> <tr> <td colspan="3" background="img/interface/Separation.jpg"><IMG SRC="img/interface/Transparent.gif" WIDTH="150" HEIGHT="19" ALT=""></td> </tr> </table>
Ca te permet en tout cas d'avoir un "bandeau" fixe dans un bandeau qui s'etire à 100%. Sinon, avec des DIV ca donne, un truc dans le genre (pas testé)
Code:

1 2 3 4 <div style="background-image:url('tonimage')"> <div style="width:600px;left:50%;margin-left:-300px;">Ton Bandeau avec tes images.</div> </div>
Pour répondre a Blueice :

Citation:

Les clients aussi ?

Je ne sais pas de quels genre de clients tu parles.. mais persos.. les miens ne me demande même pas si leur site est en flash ou en HTML. L'important pour eux c'est que ca marche partout. C'est pas des clients qui ont inventé W3C...:P. Ya que nous que ca arrange que tous les navigateurs fonctionnent sur un standard.

Connaître les standards c'est bien. Et j'encourage tout le monde a les connaître. Mais quand on sait ce qu'on fait. je ne vois pas le problème de s'en écarter quand c'est volontaire et qu'il ya des raisons (et j'en ai...) :yaisse2: