Comment créer une cellule de tableau avec deux couleur d'arrière-plan?

Je suis en train de créer un tableau HTML cellule avec un à deux tons de fond; j'ai donc normal de texte sur un fond de couleur jaune, sur la gauche, et le vert sur la droite.

Le plus proche que j'ai eu jusqu'à présent est comme suit. Le fond est correctement moitié-moitié, mais le contenu du texte est déplacé en dessous.

<html>
<head>
<style type='text/css'>
td.green
{
background-color: green; 
padding: 0px; 
margin: 0px; 
height:100%;
text-align:center
}
div.yellow
{
position:relative; 
width: 50%; 
height: 100%;
background-color:yellow
}
</style>
</head>
<body style="width: 100%">
<table style="width: 25%">
<tr style="padding: 0px; margin: 0px">
<td class="green">
<div class="yellow"></div>
<div class="content">Hello</div> 
</td>
</tr>
</table>
</body>
</html>

Comment puis-je résoudre ce problème?

Est le td avec une largeur fixe?
Non, mais je pourrais probablement faire.

OriginalL'auteur Chowlett | 2010-03-15