positionner une table dans un div

Version imprimable

Bonjour

Je cherche comme un fou le moyen de positionner une table dans un div de manière relative.

Je vais vous donner mon code actuel pour que vous puissiez mieux voir, mais le principe est simple : j'ai un div qui contient tout, il est palcé jsute aprés le body.
Dans ce div j'ai mis une table pour gérer le positionnement des éléments dans la page. Mais je voudrais que, peu importe le navigateur et la résoltuoin du client, la table soit toujours en haut et centrée. MAis jsute, pas son contenu.

Voici donc mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <body> <div style="text-align:center;position:absolute;top:0px;width:1003px;"> <form id="formBase" runat="server"> <table border="0" style="width:1003px;text-align:left;vertical-align:text-top;"> <tr><td colspan="3" style="height:81px;padding-left:30px;"></td></tr> <tr><td colspan="3" style="height:11px;padding-left:30px;">Bienvenue</td></tr> <tr><td colspan="3" style="height:75px;padding-left:30px;"> </td></tr> </table> </form> </div> </body>
L'ennui c'est que pour l'instant ça se décale quand on change de résolution.

Pouvez vous m'aider ?

01/08/2007, 11h19
Cedric L.

reponse

Bonjour,
A mon avis le problème du décalage vient du fait que tu mets ta taille en pixels (ndlr width:1003px).
Or selon la résolution effectivement cette taille doit changer.
Pour qu'elle change, essaye de la mettre en pourcentage du genre width:80% avec un text-align: center dans les paramètres de ton div;
et un width:100% dans les paramètres de ta table
A ce moment là, la taille du tableau sera centré et occupera 80% de la taille de ton ecran.
Sinon petite question: n'utiliserai-tu pas dreamweaver? car si c'est la cas alors selon mon avis abandonne le, ce logiciel n'est pas du tout pratique!!!!;)
01/08/2007, 11h50
zooffy

Merci pour ton aide.
Evacuons le sujet sensible : jamais de ma vie je n'utiliserais DreamWaver (sauf pour faire le MAP), je travaille avec Visual Studio, parce que le site est en .NET.

Sinon, je me rend compte que je me suis mal exprimé.
En fait ma table doit toujours faire la même taille en largeur car elle se pose sur une image de fond, c'est pour ça que ma table à un width:1003px.

Donc si j'applique ta proposition, ben je me retrouve avec des textes dans le vide sur les côtés en cas de résolution plus grande.

Une autre idée ?
01/08/2007, 12h15
Cedric L.

reponse

est-ce que ton image se redimenssionne ou pas lorsque tu change de résolution????????????
01/08/2007, 12h18
beeboo

utilise un

Code:

margin:auto;

, cela centrera ta table
01/08/2007, 12h53
zooffy
@beeboo : ça à l'air de marcher. Faut que je fasse plus de test pour être sûr, j'ai des pages qui s'écartent, mais j'ai l'impression que c'est le contenu qui est plus large que prévu.

@Cedric L. : non, mon image est fixe. Je la positionne avec un Background-Image en CSS sur la balise Body. en plus je lui colle un
Code:

1 2 3 background-position: center top; background-repeat: no-repeat;
Du coup, elle bouge pas et se trouve bien placée. Pendant un moment j'ai même pensé à la coller sur la gauche pour être tranquille, mais ça fait vraiment moche.

En tout cas merci à tous les deux, je finin mes mise en forme et je reviens si j'ai des soucis, sinon je mettrais le "Résolu"

Kenavo
02/08/2007, 09h33
Cedric L.

courage

J'espere que la solution de beeboo va marcher, car la comme ça je ne vois pas exactement quoi faire d'autre.
En tout cas bonne chance pour la suite!
02/08/2007, 09h46
zooffy

A priori c'est bon, enfin je n'ai pas encore de remontée de la part de mes béta testeurs.

Donc un grand merci à vous deux.