comment centrer un tableau au millieu d'une page en css

comment centrer un tableau au millieu d'une page en css - HTML/CSS - Programmation

Marsh Posté le 20-09-2005 à 17:20:50    

Bonjour, voila une question à priori simple mais sur laquelle je bute depuis plusieurs jours et puisqu'une image vaut mieux que 100 mots voila ce que je voudrais obtenir :
 
http://www.guimp.com/
 
mais en CSS et compatible avec les standarts W3C. Quelle est la méthode la plus simple?
 
avant j'utilisais un cafouillage qui ne rentrait pas dans la norme (<tr height="100%"> etc...)
 
 :jap:

Reply

Marsh Posté le 20-09-2005 à 17:20:50   

Reply

Marsh Posté le 20-09-2005 à 17:25:28    

Salut,
 
si c'est le centrage qui te pose problème...
 
http://css.alsacreations.com/Faire [...] web-en-CSS


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 20-09-2005 à 17:27:04    

fils_de_la_lumiere a écrit :

Bonjour, voila une question à priori simple mais sur laquelle je bute depuis plusieurs jours et puisqu'une image vaut mieux que 100 mots voila ce que je voudrais obtenir :
 
http://www.guimp.com/
 
mais en CSS et compatible avec les standarts W3C. Quelle est la méthode la plus simple?
 
avant j'utilisais un cafouillage qui ne rentrait pas dans la norme (<tr height="100%"> etc...)
 
 :jap:


Pour centrer en horizontal, text-align: center sur le parent + margin: 0 auto sur l'élément lui même
 
Pour centrer en vertical: oublie [:pingouino]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 20-09-2005 à 17:54:30    

c'est justement le centrage vertical que je voudrais. pourtant la norme doit permettre ce truc trés basique?

Reply

Marsh Posté le 20-09-2005 à 17:59:51    

Bien sûr que non, sur quoi le baserait-on?
 
Le parent?
Le grand-parent?
La fenêtre?
 
Le seul centrage vertical existant, c'est celui d'un mot au sur sa ligne, c'est ce que fait vertical-align [:spamafote]
 
Un document web est un document linéaire, le centrage vertical n'y est tout simplement pas logique.

Message cité 1 fois
Message édité par masklinn le 20-09-2005 à 18:00:37

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 20-09-2005 à 18:02:33    

fils_de_la_lumiere a écrit :

pourtant la norme doit permettre ce truc trés basique?


Ben si elle "doit permettre" ça, va donc lire dans la documentation de la norme ce qu'ils en disent. Et s'il y a rien, c'est qu'elle le permet pas ou du moins qu'il n'y a rien de prévus pour permettre ça quelque que soit la taille des éléments.

Reply

Marsh Posté le 20-09-2005 à 20:34:05    

masklinn a écrit :

Bien sûr que non, sur quoi le baserait-on?
 
Le parent?
Le grand-parent?
La fenêtre?
 
Le seul centrage vertical existant, c'est celui d'un mot au sur sa ligne, c'est ce que fait vertical-align [:spamafote]
 
Un document web est un document linéaire, le centrage vertical n'y est tout simplement pas logique.


 
linaire d'accord mais pas en position absolute

Reply

Marsh Posté le 20-09-2005 à 20:36:53    

sauf que pour fixer une position  en absolute, il faut savoir la taille de l' ecran
 
je suis d'accord avec masklinn > en web on peut faire quasiment ce qu'on veut tant qu'on parle de ligne , mais des qu'on veut travailler sur le vertical, on lutte

Reply

Marsh Posté le 20-09-2005 à 20:42:06    

flo850 a écrit :

sauf que pour fixer une position  en absolute, il faut savoir la taille de l' ecran
 
je suis d'accord avec masklinn > en web on peut faire quasiment ce qu'on veut tant qu'on parle de ligne , mais des qu'on veut travailler sur le vertical, on lutte


 [:petrus75]  
 
http://css.alsacreations.com/xmedi [...] entrer.htm

Reply

Marsh Posté le 20-09-2005 à 20:49:54    

rhoo ,je crois que j'ai dis une grosse connerie
 
il y a quoi comme compatibilité avec les navigateur ?

Reply

Marsh Posté le 20-09-2005 à 20:49:54   

Reply

Marsh Posté le 22-09-2005 à 21:19:05    

merci à gatsusat pour la soluce avec un peu de retard ca marche niquel ;)

Reply

Marsh Posté le 23-09-2005 à 15:03:52    

Oui
 
Ca n'a aucun intérêt


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-09-2005 à 15:38:20    

Par ce qu'aligner le milieu de la hauteur d'un élément sur le milieu de sa propre auteur, ca veut pas dire grand chôse, le body prenant  la taille de son contenu. :lol:
 
Il n'y a que si t'as deux colones que ca pourait avoir un intéret mais reste à savoir si le navigateur considérera la hauteur du body comme étant celle de la surface d'affichage ou la hauteur de l'élément le plus grand qu'il contient.

Reply

Marsh Posté le 23-09-2005 à 15:55:40    

C'est surtout que vertical-align aligne du texte au milieu de sa ligne [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-09-2005 à 16:02:43    

vertical align ne sert PAS à centrer verticalement des boites, il sert à positionner verticalement un texte dans sa ligne bordel


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-09-2005 à 00:38:23    

Citation :

et puisqu'une image vaut mieux que 100 mots


 
...et une image valant 1000 mots...
 
Bon ok, je sors.


Message édité par Beral2 le 24-09-2005 à 00:41:19
Reply

Marsh Posté le 10-09-2007 à 17:47:17    

Autrement tu fais un truc tous simple tu part d'un principe simpa, tu te dis que celui qui ouvre la page est en mode plein écran et donc tu n'as plus qu'a mettre une table ou une div au dessus du truc que tu veux centrer ! Apres celon le contenu que tu as (si c'est plus ou moins grand) du modifie la taille de la div (ou table)
 
dans ton css :
 
#centrage_vertical {
height : 500px; /* valeur a modifier celon le contenu */
}
 
puis dans ton html :
 
<div id="centrage_vertical"></div>
<img src..... />
 
PS : Pour ton site faut pas être bigleu xD


Message édité par djmath56 le 10-09-2007 à 17:50:31
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed