Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Screen filling Tables 5
- Thread starter zefir
- Start date
-
1
- #2
-
1
- #3
I agree, you must set your margins to zero.
Also, be sure you set your table padding and spacing to zero:
[tt]
<table border="0" cellspacing="0" cellpadding="0">[/tt]
Sincerely,
Tom Anderson
CEO, Order amid Chaos, Inc.
Also, be sure you set your table padding and spacing to zero:
[tt]
<table border="0" cellspacing="0" cellpadding="0">[/tt]
Sincerely,
Tom Anderson
CEO, Order amid Chaos, Inc.
- Thread starter
- #4
- Thread starter
- #5
Is that a question? If so, then I guess the answer is that you can align whatever you want wherever you want by nesting tables. If you set your margins to zero, and create a borderless table with width=100% and height=100%, set your align=right and valign=bottom, you can align your fixed dimension inner table to the bottom-right of your screen.
Sincerely,
Tom Anderson
CEO, Order amid Chaos, Inc.
Sincerely,
Tom Anderson
CEO, Order amid Chaos, Inc.
- Thread starter
- #7
Tanderso: it has been a statement !
I want to say: IF the table is defined in pixels
and NOT in percentage, THEN it is reasonable,
that bottom right canNOT be aligned.
Then the interesting case is this:
The LAST column and the LAST row is not
defined in pixels but by "Fill to FullScreen".
Is this possible ?
G.Hoffmann
I want to say: IF the table is defined in pixels
and NOT in percentage, THEN it is reasonable,
that bottom right canNOT be aligned.
Then the interesting case is this:
The LAST column and the LAST row is not
defined in pixels but by "Fill to FullScreen".
Is this possible ?
G.Hoffmann
-
2
- #8
luciddream
Programmer
<table id="unf" style="position:absolute;left=0;top:0;" bgcolor="#336699"><tr><td>dsgsfgf</td></tr></table>
<script>
unf.style.width = document.body.offsetWidth - 20;
unf.style.height = document.body.offsetHeight - 4;
</script>
this works in ie for me...
adam@aauser.com
<script>
unf.style.width = document.body.offsetWidth - 20;
unf.style.height = document.body.offsetHeight - 4;
</script>
this works in ie for me...
adam@aauser.com
- Thread starter
- #9
Thanks, lucid:
But can this be done without STYLES ?
I like very much a "reduced instruction set" of HTML 4.0
and anything else is transfered by PDF !
G.Hoffmann
But can this be done without STYLES ?
I like very much a "reduced instruction set" of HTML 4.0
and anything else is transfered by PDF !
G.Hoffmann
luciddream
Programmer
well, the only way i know to change the width of the element in ie is to use id.style.width.
but, you dont need the position:absolute, or the left:0;, or any of the styles in the element.
adam@aauser.com
but, you dont need the position:absolute, or the left:0;, or any of the styles in the element.
adam@aauser.com
PepperPepsi
Programmer
zefir,
Or maybe you can use javascript to define the width of the table,
<script>
var aw = screen.availWidth;
var ah = screen.availHeight;
document.write("<table width="+aw+" border=0 cellspacing=0 cellpadding=0>"
document.write("<tr>"
document.write(<td>....</td>"
document.write(<td>....</td>"
.....
.....
document.write("</tr>"
document.write("<table>"
</script>
Chiu Chan
cchan@gefmus.com
Or maybe you can use javascript to define the width of the table,
<script>
var aw = screen.availWidth;
var ah = screen.availHeight;
document.write("<table width="+aw+" border=0 cellspacing=0 cellpadding=0>"
document.write("<tr>"
document.write(<td>....</td>"
document.write(<td>....</td>"
.....
.....
document.write("</tr>"
document.write("<table>"
</script>
Chiu Chan
cchan@gefmus.com
You can align your fixed-pixel width table to the bottom right if you nest it in another table, like this:
<body>
<table border="0" width="100%" height="100%">
<tr>
<td width="100%" height="100%" align="right" valign="bottom">
<table border="1" width="35" height="35">
<tr>
<td>Your content inside your fixed-width table</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
If you want a dynamic way to do this after the fact, then you'll have to use a scripting language like Adam suggested.
Sincerely,
Tom Anderson
CEO, Order amid Chaos, Inc.
<body>
<table border="0" width="100%" height="100%">
<tr>
<td width="100%" height="100%" align="right" valign="bottom">
<table border="1" width="35" height="35">
<tr>
<td>Your content inside your fixed-width table</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
If you want a dynamic way to do this after the fact, then you'll have to use a scripting language like Adam suggested.
Sincerely,
Tom Anderson
CEO, Order amid Chaos, Inc.
luciddream
Programmer
but what if the browser window is smaller than the screen's available width and height? adam@aauser.com
-
1
- #14
I created a group of nested tables for an interactive portion of my company's website that uses a combination of both widths & heights defined in percentages as well as pixels. It covers the entire screen and works in both netscape & ie. A sample page is located at:
check it out.
Cullen Cox
cullenc3@aol.com
Graphic Artist/Web Designer
check it out.
Cullen Cox
cullenc3@aol.com
Graphic Artist/Web Designer
- Thread starter
- #15
Thanks to everybody.
My basic intention is always to use a reduced instruction
set of HTML 4.0, mainly to stabilize the appearance for all
kind of browsers.
This is a part of a lecture "Internet Programming for beginners".
All graphically well designed documents are then transfered as PDFs.
A simple approach for the problem "How to make a table,which is
defined in pixels, not only aligned Top Left but also Bottom Right"
may be this:
Make the right column and the bottom row - combined with
the whole table - larger than the expected area.
The disadvantage is then: scrollbars appear.
G.Hoffmann
My basic intention is always to use a reduced instruction
set of HTML 4.0, mainly to stabilize the appearance for all
kind of browsers.
This is a part of a lecture "Internet Programming for beginners".
All graphically well designed documents are then transfered as PDFs.
A simple approach for the problem "How to make a table,which is
defined in pixels, not only aligned Top Left but also Bottom Right"
may be this:
Make the right column and the bottom row - combined with
the whole table - larger than the expected area.
The disadvantage is then: scrollbars appear.
G.Hoffmann
zefir, is there something you did not understand about my post? Your answer to how to align a fixed-pixel table to the bottom-right is clearly laid out.
Sincerely,
Tom Anderson
CEO, Order amid Chaos, Inc.
Sincerely,
Tom Anderson
CEO, Order amid Chaos, Inc.
- Thread starter
- #17
- Status