Mettre un Bouton aux dimensions 100% dans une cellule d'un tableau

**pounka** · 11/02/2009, 10h15

Bonjour à tous, j'ai un petit souci pour mettre un Bouton aux dimensions 100% dans une cellule d'un tableau.
Avec la doctype Transitional, le bouton occupe bien toute la cellule mais
avec la doctype strict (celle que je dois utiliser) ce n'est pas le cas.
Je cherche donc un moyen d'obtenir cela avec la doctype strict.

A vrai dire, je sèche. Est-ce que quelqu'un aurait une idée là dessus ?

Merci d'avance. Voici mon exemple de code :

Code :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">-->
<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">-->
<html><head>
 
<title>Test tableau</title>
</head>
 
<body>
<table border="2" cellpadding="4">
<tr>
    <td>ssssssssss</td>
    <td rowspan="2" style="height:100%">
      <input type="button" value="OK" style="width:100%;height:100%">
    </td>
</tr>
<tr>
    <td>qqqqqqqqqq</td>
</tr>
<tr>
    <td>AZAZAZ</td>
    <td>333333</td>
</tr>
 
 
</body>
 
</html>

**HiRoN** · 11/02/2009, 10h41

Salut,

Pourtant avec ce code (je n'ai pas testé l'intégralité de ton code):

Code HTML :

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

1
2
3
4
5
6
7
<table style="width:100%">
<tr>
<td>
	<input type="button" value="OK" style="width:100%;height:100%">
</td>
</tr>
<table>

Mon bouton se redimensionne bien en fonction de la taille de la table (testé sous FF2/3 & IE7).

**pounka** · 11/02/2009, 11h17

Salut, oui ce code fonctionne, mais si tu rajoutes la doctype :

Code :

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

1
2
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

cela n'a plus le même effet du moins pour la hauteur...

**HiRoN** · 11/02/2009, 12h12

Pourquoi ne pas passer en XHTML ?

**pounka** · 11/02/2009, 13h45

Le résultat est le même...

**HiRoN** · 11/02/2009, 15h03

Envoyé par pounka

Le résultat est le même...

Ce n'est pourtant pas le cas chez moi.
Avec un DocType XHTML 1.0 Transitional / Strict ou 1.1, j'ai bien le résultat voulu... (testé FF2/3 & IE7)

**pounka** · 11/02/2009, 19h02

Oui ton exemple fonctionne bien mais avec le mien, cela ne fonctionne pas au niveau du rowspan, le bouton n'occupe pas les 2 cellules en hauteur. Je pense que tu devrais avoir le même soucis.

Mettre un Bouton aux dimensions 100% dans une cellule d'un tableau

HTML

Discussions similaires

Partager

Partager