Home / Questions / 58237
Accepted
Dev 200
Asked: 2020-03-28 06:06:11 +0800 CST 2020-03-28 06:06:11 +0800 CST

How to fit browser window to document width in HTML?

  • 772

I have a large table made in html that is generated with records from a database.

The problem is that: There is a blank space almost the same width as the table on the side

Being that way:

/* Navegador Web  */
/*********/*********
*        *         *
*  HTML  *  VACIO  *
*        *         *
*********/*********/
/*    Botones     */

The first box is the table and the 2nd is the empty space.

If you move the document away with the ZOOM of the browser, the empty space appears even below the HTML

How can I adapt so that the table or the browser does not come out with so much space or comes out centered instead.

Here is a photo of the problem:

enter image description here

open the photo

html

1 Answers

  1. Best Answer

    you could put:

    <table style="float: center; margin-left: auto; margin-right: auto;">
   // Lo que sea ...
</table>

    That will make your table centered and the empty space will be split.

    Sometimes that is more beautiful than putting it on full screen, but anyway I will give you an indication of how to do it:

    <table style="width: 100%;">
   // Lo que sea ...
</table>
    • 5