comment centrer un tableau au millieu d'une page en css - HTML/CSS - Programmation
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
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 : |
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
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?
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
Un document web est un document linéaire, le centrage vertical n'y est tout simplement pas logique.
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.
Marsh Posté le 20-09-2005 à 20:34:05
masklinn a écrit : Bien sûr que non, sur quoi le baserait-on? |
linaire d'accord mais pas en position absolute
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
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 |
http://css.alsacreations.com/xmedi [...] entrer.htm
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 ?
Marsh Posté le 22-09-2005 à 21:19:05
merci à gatsusat pour la soluce avec un peu de retard ca marche niquel
Marsh Posté le 23-09-2005 à 15:03:52
Oui
Ca n'a aucun intérêt
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.
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.
Marsh Posté le 23-09-2005 à 15:55:40
C'est surtout que vertical-align aligne du texte au milieu de sa ligne
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
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.
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
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...)