Discussion :

[Aspic]

Bonjour,

Je chercher a centrer mon bouton verticalement dans un tableau avec IE mais je n'y arrive pas (cf screens)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<td valign='middle'>../</td>
<td class='milieu'>...</td>

avec

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

.milieu{vertical-align:middle;}

ne marchent pas...

Sous FF pas de soucis. Avez vous des idées ?

[Bisûnûrs]

Par défaut il est centré verticalement, tu dois avoir un morceau de code qui empêche ce fonctionnement.
Peut-on voir un exemple en ligne ou le contenu réel d'une cellule ?

[Aspic]

Ah bon même sous IE 6 ?

Voilà le code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<tr>
<td align='center'><a href="../lenders/profile.php?&u=69">alfred</a></td>
 
<td align='center'>hitchcock</td>
<td align='center'>M</td>
<td align='center'>counterstrike6@free.fr</td>
<td align='center'>tffg</td>
<td align='center'>Antigua and Barbuda</td>
<td align='center'>
<form action='modif_preteur.php' method='get' name='modif' id='modif'>
<input name='id' type='hidden' id='id' value='69'>
<input type='submit' name='submit' value='Modifier'>
</form>
</td>
<td align='center'>
 
<form action='../send-email.php?nom=alfred&email=yailoNbL2Kiop83Qx5t4y6WWnpKfpA==' method='post' name='contacter' id='contacter'>
<input name='id' type='hidden' id='id' value='69'>
<input type='submit' name='submit' value='Contacter'>
</form>
</td>
<td align='center'>
<form action='gestion_blog.php' method='post' name='blog' id='blog'>
<input name='id' type='hidden' id='id' value='69'>
<input type='submit' name='submit' value='Mod&eacute;rer'>
</form>
</td>
</tr>

[c_s_s]

Bonjour,

Le problème vient peut-être des marges des formulaires. As-tu essayer de les mettres à 0 dans le CSS ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
form {
 margin:0;
}

[Aspic]

Exact ca marche !

Une petite explication ? pourquoi ca marchait sous FF et pas sous IE ?

[Bisûnûrs]

Parce que les marges par défaut de ces navigateurs pour cet élément sont différentes.

Pour l'élément form, les marges par défaut sont :
- IE :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

margin:19px 0;

- Firefox :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

margin:0;

[Auteur]

Exact ca marche !

Une petite explication ? pourquoi ca marchait sous FF et pas sous IE ?

sans doute parce que sous IE la balise form a des marges non nulles contrairement à FF.

[edit] grillé [/edit]