[CSS] Alignement de div

Bonjour, voici mon pb

Code:

---

1 2 3 4 5 6

<div id="gauche" style="float:left"> <div id="hg"></div> <div id="bg"></div> </div> <div id="droite"></div>

---

Mon problème est que je ne connais pas la hauteur de droite
Et je voudrais que gauche soit de la même hauteur que droite, que hg et bg forme le tout de gauche, car dans bg, je dois mettre un texte qui soit a coté de la fin de droite. Comment puis-je faire ?

Quasiment rien compris 8O

OK, je vais préciser :
le code précédent serait équivalent avec des tables à

Code:

---

1 2 3 4 5

<table> <tr><td>haut gauche<td><td rowspan="2" style="vertical-align:bottom">droite</td></tr> <tr><td style="vertical-align:bottom">bas gauche, texte juste a coté de "droite"</td></tr> </table>

---

Je voudrais ce code en enlevant les tables, en les mettant avec des div, sachant que je ne connais pas la hauteur de droite ... Je peux pas etre plus expressif je pense...

Tu veux dire plutôt comme ca :

Code:

---

1 2 3 4 5 6

<table width="413" height="197"> <tr><td>haut gauche<td colspan="2" rowspan="2">droite</tr> <tr><td style="vertical-align:bottom">bas gauche, texte juste a coté de "droite"</td> </tr> </table>

---

Maintenant s'agit il d'un bloc ou de la disposition de la page ?