I. Changed the table position to static then added :
@media only screen and (max-width: 760px), (min-device-width: 768px) and
(max-device-width: 1024px) { #table { display: block; }
On Wed, 28 Nov 2018, 19:24 <lbjc1...@gmail.com wrote:
> I'd like to have this table to fit in any media screen including ipad and
> mobile phone.
> How do I do it. This is the code:
> {{extend 'layout.html'}}
> <style>
> .btn{
> border-radius: .28rem;
> }
> h3 {
> display: block;
> font-size: 1.17em;
> margin-top: 0.5em;
> margin-bottom: 1em;
> margin-left: 0;
> margin-right: 0;
> font-weight: light;
> font-family: "Josefin Slab";
> color:black;
> }
> </style>
> <h3>
> We'd love to have data about your state. Please enter or confirm your
> details, then scroll down to submit.
> </h3>
> <style type="text/css">
> #table {
> position: absolute;
> top: 12em;
> left: 16%;
> padding: 1em 3em 3em 3em;
> max-width:60em;
> max-height:29em;
> margin-top: -9em; /*set to a negative number 1/2 of your height*/
> margin-left: -15em; /*set to a negative number 1/2 of your width*/
> background-color: #DFF0D8;
> color:black;
> font-family: "Josefin Slab";
> border-radius:18px;
> overflow:scroll;
> }
> ::-webkit-scrollbar {
> width: 0px; /* remove scrollbar space */
> background: transparent;
> }
> /* optional: show position indicator in red */
> ::-webkit-scrollbar-thumb {
> background: #FF0000;
> }
> table {
> width: 100%;
> }
> tr {
> text-align: left;
> }
> </style>
> <div id="table">
> {{=form}}
> </div>
>
>
> --
> Resources:
> - http://web2py.com
> - http://web2py.com/book (Documentation)
> - http://github.com/web2py/web2py (Source code)
> - https://code.google.com/p/web2py/issues/list (Report Issues)
> ---
> You received this message because you are subscribed to the Google Groups
> "web2py-users" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to web2py+unsubscr...@googlegroups.com.
> For more options, visit https://groups.google.com/d/optout.
>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
