0

Hi everyone
I have only used tables once before and I am making a web page with a table that fits flush against the sides and top. I have set my nav bar at about 18%, I remember some code you could place in a cell that would make it take up the remaining room does anyone know that code please?

Many thanks
HLA91

5
Contributors
4
Replies
5
Views
10 Years
Discussion Span
Last Post by MattEvans
0

I am not sure if its against the ToS to post the website to see what you are talking about,

because by your description I am not sure exactly what you are asking.

0

You set up a class with the width of the entire table. Put the class attribute in the table tag, not the td tag.

.width100 {width: 100%;}

....

<table class="width100">
0

You set up a class with the width of the entire table. Put the class attribute in the table tag, not the td tag.

.width100 {width: 100%;}

....

<table class="width100">

Can I do the same with height of the table?

0

Yes. Providing it is within a container with a fixed size.

If the table is a direct child of the body element; apply CSS attribute: height:100% to the table, and also to the body and html elements to meet the above criteria. See the first response to this thread: http://www.daniweb.com/forums/thread26630.html.. Ignore the suggestion that it's invalid XHTML; you don't need a class for the html element anyway; since you only ever have one on a page, just use an element selector, as shown in that example.

Once the table has height/width 100%; any cells without a given height/width respectively will automatically fill to the remaining space.

The table will be height:100%+, because if it gets alot of content, that will have to go somewhere; and generally it will expand down rather than sideways, unless it's a string of unbroken characters.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.