Pile deux <td> les uns sur les autres

Je suis actuellement en train de travailler sur la réalisation d'un site web responsive, mais le problème c'est que je dois le rendre réceptif, sans toucher au contenu de la page.
Donc, tout reste le même sur la page, mais avec une nouvelle feuille de style et un peu de Javascript (mais surtout en CSS), je suis à la recherche pour accomplir cette tâche.

Le site est réalisé principalement avec des tables.. alors quand le navigateur est redimensionnée (ou accessible avec un appareil mobile), je veux la deuxième 'td' à l'intérieur de mon " tr " de la pile, en vertu de la première, au lieu d'être à côté de l'autre.

J'ai donné le 'td' élément d'un flotteur gauche et une largeur de 100% et il a bien fonctionné dans Firefox, mais dans Chrome & Safari, à la fois 'td' à 50% et sur la même ligne.

Laissez-moi savoir si vous avez des idées, tout est apprécié!

Ne pas utiliser des tableaux pour la mise en page.
Je crains que ce n'est pas la façon dont TDs travail. TDs rester sur une ligne et ne peut être placé que sur une autre ligne en étant placé dans un autre TR.
-Oded, comme je l'ai dit, le contenu n'est pas en mon pouvoir. Le contenu de la page est généré et je n'ai pas accès à ce code. -Billy, je comprends, mais c'est pourquoi je pose la question ici, peut-être que quelqu'un a une solution quelconque.
Je pense que vous êtes vraiment contre elle avec la tâche que vous avez ici, si vous n'êtes pas en mesure de modifier votre code html.

OriginalL'auteur user990460 | 2013-03-22