¿Porque en la la seccion de la tabla "Creditos" el borde sigue sin final? Abajo el codigo:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Panel Low</title> </head> <body> <h1>Panel de Navegacion</h1> <nav> <table border="1"> <tr> <td>Menú</td> <td>Juegos</td> <td>Servicios</td> <td>Creditos</td> </tr> </table> </nav> </body> </html> Css: * { background-color: #d0d3d3; } tr { } table { width: 100%; position: fixed; border-collapse: collapse; bottom: 5px; }

css html5 css3 help ayuda

6th Jul 2023, 8:07 PM

Daniel Valencia

5 Answers

Gracias, pero ya encontre la solucion; solo tenia que poner width: 95%.

6th Jul 2023, 9:11 PM

Daniel Valencia

+ 2

Es porque los browsers tienen un CSS interno que le da unos valores iniciales a algunos elementos, entre ellos margin y padding. Uno de estos esta desplazando toda la tabla hacia la derecha y se sale del viewport xq le diste width 100%. Al aprender CSS debes inspeccionar elementos para ver que es lo viene y lo que se esta agregando.

6th Jul 2023, 8:39 PM

Arturop

+ 1

Pues solo agregale left: 0px;

6th Jul 2023, 9:09 PM

Arturop

+ 1

Daniel Valencia Un consejo: cuando tengas una duda, comparte un playground con el código en vez de pegarlo en la pregunta, así sería más sencillo para los demás revisar el código y probarlo

7th Jul 2023, 12:04 AM

Ney Cordovez