Centrer 2 tableaux côte à côte

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Oui, voici un exemple.

PS : pas de XHTML 1.1 en text/html :wink:
Bobe
Iguane
Messages : 742
Inscription : 28 juil. 2003, 21:29

Message par Bobe »

En théorie, il y a la valeur 'inline-table' pour la propriété display.
« La vie d’un geek est un combat perpétuel contre l’imperfection »
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

calimo a écrit :Je ne sais pas ce que ça vaut mais bon...

Code : Tout sélectionner

table {display:inline;}
body {text-align:center;}
Bien trouvé mais y a un os. Ce qu'on gagne en centrage en largeur, on le perd en centrage en hauteur. Le passage au display:inline entraîne un alignement par défaut en bas et on ne peut plus se servir des margin et padding. Du coup je dois aligner en hauteur avec un position:relative mais comme la taille des tableaux est variable, 1 fois sur 2 ça chevauche. Exemple.
Il reste la possibilité de faire une détection en php de la hauteur des tableaux en fonction du nombre de données qu'il contient et d'attribuer la positon:relative au plus petit mais bon, c'est beaucoup de travail pour pas grand chose.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités