Alignement vertical très énervant !!!

Alignement vertical très énervant !!! - HTML/CSS - Programmation

Marsh Posté le 27-12-2007 à 16:41:29    

Bonjour,
je refais le graphisme de mon site et j'essaie d'aligner verticalement un tableau de 9 cellules. Rien de bien compliqué à première vue mais quoi que je fasse rien ne marche. Mon essai se trouve ici : http://www.caderia.com/essai.php
Là, il est collé en haut de la fenêtre et j'aimerais qu'il soit au centre.
J'ai essayé avec vertical_align :
Côté css

Code :
  1. <style type="text/css">
  2. <!--
  3. .milieu  {
  4. vertical-align:middle;
  5. }
  6. -->
  7. </style>


Côté html

Code :
  1. <div id="mainCenter" align="center" class="milieu">
  2. <table width="910" height="568" border="0" align="center" cellpadding="0" cellspacing="0" id="Tableau_01">
  3. ...
  4. </table>
  5. </div>


 
J'ai également essayé avec 'valign' mais ça n'a pas l'air d'être une balise qui existe lol
 
Est-ce que vous avez une idée parce que moi je ne comprends pas pourquoi ça ne marche pas avec vertical-align
 
Merci
Max

Reply

Marsh Posté le 27-12-2007 à 16:41:29   

Reply

Marsh Posté le 27-12-2007 à 16:45:22    

Parce que vertical-align n'est pas fait pour ça, c'est fait pour l'alignement entre blocs inline

Reply

Marsh Posté le 27-12-2007 à 16:49:51    

Merci de l'info. Tu proposes quoi pour résoudre mon problème ?

Reply

Marsh Posté le 27-12-2007 à 20:15:55    

Il n'existe pas de solution facile pour le centrage vertical.
Voir quand même http://bonrouge.com/br.php?page=faq#centrepage

Reply

Marsh Posté le 27-12-2007 à 22:37:07    

Bah finalement, j'ai trouvé un truc pas trop mal.
Au lieu de faire comme précédemment :

Code :
  1. <div id="mainCenter" align="center" class="milieu">
  2. <table width="910" height="568" border="0" align="center" cellpadding="0" cellspacing="0" id="Tableau_01">
  3. ...
  4. </table>
  5. </div>


 
J'ai fait une imbrication débile de blocs :

Code :
  1. <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  2. <tr>
  3. <td  valign="middle"><table width="910" height="568" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  4. <tr>
  5. ...
  6. </tr>
  7. </table>
  8. </td>
  9. </tr>
  10. </table>


 
C'est moche mais au moins ça me le centre comme il faut sur IE7, Firefox 2, Opera 9, Netscape et Safari  :)  
 
Merci pour vos réponses
Max

Reply

Marsh Posté le 28-12-2007 à 09:49:37    

OH GAWD :( Ca devrait même pas marcher, y'a pas d'attribut height sur les table....

Reply

Marsh Posté le 28-12-2007 à 14:22:38    

lol toute façon, je suis en train de revoir le code de mes principales pages parce que c'est un beau merdier. Pour le moment, je laisse comme ça puisque ça fonctionne

Reply

Sujets relatifs:

Leave a Replay

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