centrer un tableau verticalement (help)

centrer un tableau verticalement (help) - HTML/CSS - Programmation

Marsh Posté le 23-03-2003 à 18:05:35    

j'ai cherché sur plein de sites comment centrer un tableau verticalement sur la page : sans succès.
 
J'ai trouvé ce post la : http://forum.hardware.fr/forum2.ph [...] subcat=402
 
mais comment je peux faire pour que le tableau soit collé a gauche ? (j'ai essayé de mettre leftmargin="0" dans le body, ca prend pas !).
 
=> le but est d'avoir un tableau au milieu de ma page,dans lequel je vais mettre plusieurs images, pour avoir un défilement horizontale, et l'effet recherché est d'avoir autour de cette image des bandes noires (= le bkgrd sera noir) de meme taille au dessus et en dessous de l'image => comme quand on visionne un site en 16/9.
 
Merci pour votre aide parske la je m'en sors pas !
 
 
-------
 


Message édité par Satya le 23-03-2003 à 18:16:54
Reply

Marsh Posté le 23-03-2003 à 18:05:35   

Reply

Marsh Posté le 23-03-2003 à 18:28:13    

Satya a écrit :

j'ai cherché sur plein de sites comment centrer un tableau verticalement sur la page : sans succès.
 
j'ai regardé dans les codes html pur et les CSS ... tout ce que je trouve, c'est pour centrer horizontalement les tableaux, mais je trouve jamais comment centrer ca verticalement ..
 
Alors après 1 h de recherche, j'en ai ma claque, est-ce que qq'un pourrait me dire ou je peux trouver de la doc sur comment centrer VERTICALEMENT mon tableau.
 
=> le but est d'avoir un tableau au milieu de ma page, dans lequel je vais mettre une image, et l'effet recherché est d'avoir autour de cette image des bandes noires (= le bkgrd sera noir) de meme taille au dessus et en dessous de l'image => comme quand on visionne un site en 16/9.
 
Merci pour votre aide parske la je m'en sors pas !


 
Il y a deux manières de centrer verticalement un tableau (que je sache)
 
1) Utiliser un tableau d'une cellule seulement de 100% de large et de 100% de haut dans le body. Naturellement, ce que l'on place ensuite horizontalement et verticalement est naturellement centré. --> Ne marche pas avec Mozilla en XHTML 1.1, mais fonctionne avec tous les navigateurs récents en HTML 4.01. En XHTML 1.1, on peut mettre le body en absolute.
 
C'était donc la première solution pourrie. (On peut aussi faire un tableau de 3 cellules sur 3 et utiliser celle du milieu, c'est équivalent à ce que j'ai expliqué au dessus avec les mêmes problèmes).
 
2) Utiliser les CSS, centrer verticalement et horizontalement le div en absolute et retire la moitié en margin en plaçant des valeurs négatives = à la moitié de la taille du div conteneur.
 
Fonctionne partout, mais un peu pourri également.
 
 
Bref, que des solutions "limites".

Reply

Marsh Posté le 23-03-2003 à 18:44:13    

ouep j'ai lu sur des sites les 2 solutions que tu indiques, et comme toi, les auteurs sont pas vraiment pour :/ car prob de compatibilité etc..
 
bon vais me debrouiller autrement :(

Reply

Sujets relatifs:

Leave a Replay

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