0

¿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; }

6th Jul 2023, 8:07 PM
Daniel Valencia
Daniel Valencia - avatar
5 Antworten
0
Gracias, pero ya encontre la solucion; solo tenia que poner width: 95%.
6th Jul 2023, 9:11 PM
Daniel Valencia
Daniel Valencia - avatar
+ 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
arturop200
arturop200 - avatar
+ 1
Pues solo agregale left: 0px;
6th Jul 2023, 9:09 PM
arturop200
arturop200 - avatar
+ 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
Ney Cordovez - avatar
0
Ok, ¿tienes algunas solucion?
6th Jul 2023, 8:41 PM
Daniel Valencia
Daniel Valencia - avatar