Table with different size on various monitors

Asked

Viewed 358 times

0

the menTo the following table:

 <div id="page-wrapper">
             <table class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fm-table" >  
                <tr>
                    <td class="col-xs-6 col-sm-6 col-md-3 col-lg-3 fm-left"> 
                        <ul class="fm-tree-directory">

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

and a css:

.fm-tree-directory {
 max-height: 750px;
 min-height: 750px;
 list-style: none;
 padding: 0;
 margin: 0;
 vertical-align: top;
 width: 100%;
 height: 100%;

the problem on the footer ta passing on some monitors, and on others it is far from the footer. How to leave the same size for the footer always, because the table is with different sizes always.JA tried to define minimum and maximum percentage, but it has no effect.

html css

  • It was not very clear the problem, because the past code does not make clear where the footer is and the details of the problem in question. I recommend adding more information. I think it would be more appropriate if you didn’t use tables to layout the site.

  • is a ready template, and the footer q falo is the end of the same page, in ocriei no div. but wanted a space to put credentials etc. the table is either big or passing.

  • remembering that the size control is exactly in this css that I gave you, at least changing it in min and max works, but I want something q work on various monitors.

  • I also didn’t get what’s going on, you tried to put a box-Izing to see if it’s right?

  • the size of the table, different on various monitors passing below, this box-Sizing as uses? put initial and nothing occurs.

  • Give a search on the box-Sizing, but if you want to test put in css *{box-Sizing-border:box;}

  • Posted here: jsfiddle.net/2a81bL4e ,I played all the css code of bootstrap tbm. see that the table ta going down there on that information and if maximize gets a giant hole, the information the footer should stay off on any monitor with a set size. I think I have to assign somewhere height:100%

  • Good night, if you ask this question: Why use tables for layout? The answer should be something like: tables are preferred for tabular data. :)

  • Because I got something ready, I never use in layout this, it was not done by me, I just want to fix this bug, and I need it as soon as possible.

  • What would be the best way to migrate this, with bootstrap, to get the same result? has how you edit it in fiddle?

  • As you can see I answered, but you did not give me a return, whether it worked or not, I would like to know friend.

Show 6 more comments

1 answer

1

In my view the use of tables for layouts is a little complex and is not considered appropriate, especially if using these classes from bootstrap which are made for the use of elements such as div (block or inline-block).

Note that in the bootstrap also has classes for tables, but they are all for tabular data.

What is Tableless

Tableless is a way to develop html/xhtml pages without using tables for content layout on the page suggested by W3C in 2002, because it argues that HTML codes should be used for the purpose they were created, and tables were created to display tabular data. For page layout the recommended would be to use CSS combined with type elements <div> to split the layout and <span> for elements inline as text formatting, outside other tags.

Source: http://en.wikipedia.org/wiki/Tableless_web_design

Possible solution

If your html is just that, I recommend changing everything to tags used for layout (in case I will provide an example only with Divs):

<div id="page-wrapper">
     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fm-table">  
        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 fm-left"> 
            <ul class="fm-tree-directory">
               <li>Olá mundo</li>
            </ul>
        </div>
    </div>
</div>

Note: But not only did you post some of the CSS and HTML, so we have no way to test it. If it doesn’t work edit your question.

  • Good afternoon @Warlock worked?

  • "In my view the use of tables for layouts is a bit complex". Not only that, it’s simply wasting time using tables for layout. If the evolution of the web was marked by the end of their use, why return to the time of caves?

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.