Skip to main content
4 de 4
se añadieron 176 caracteres en el cuerpo
Marcos
  • 35.7k
  • 7
  • 36
  • 70

Como evitar que un div o tabla dentro de un td se superponga al td "padre"

Tengo un td, con un color de fondo y un border-radius aplicado.

Mi idea es que la mitad superior tenga un color y la inferior otra, pero al colocar un div para hacer la división del td, y colocar un color de fondo, este se superpone al borde del td.

Este es mi código:

<table width="100" height="100" align="center">
  <tr>
    <td valign="top" align="center" style="background-color: #FDD000; border-radius: 50px;">
      <div style="height: 50px; width: 100px; overflow: hidden;">
        <div style="height: 100%; width: 100%; background-color: #f5f5f5">

        </div>
      </div>
    </td>
  </tr>
</table>

imagen ejemplo