 | |
#1
 
| |||
| |||
|
resizable table -
06-23-2004
, 03:41 PM
|
row one +---------------------------------------------------------+ row two +---------------------------------------------------------+ row three +---------------------------------------------------------+ |
Row's one and three will be a fixed height. I want row two to fill up
whatever is left of the window, and the height should change when the window
is resized. I would prefer a method that is cross platform. Can I do this
without code?
--
"It's easy enough to be pleasant, when life hums along like a song.
But the man worth while is the man who can smile when
everything goes dead wrong.".
#2
| |||
| |||
|
|
I want a table like this +---------------------------------------------------------+ row one +---------------------------------------------------------+ row two +---------------------------------------------------------+ row three +---------------------------------------------------------+ Row's one and three will be a fixed height. I want row two to fill up whatever is left of the window, and the height should change when the window is resized. I would prefer a method that is cross platform. Can I do this without code? |
Use something like
<style type="text/css">
html,body,table {height:100%}
tr.bar {height:5em;}
</style>
<table>
<tr class="bar"><td>foo</td></tr>
<tr><td>foo</td></tr>
<tr class="bar"><td>foo</td></tr>
</table>
The preferred way to do it is with divs, though:
<body style="padding: 150px 0">
<div style="position:absolute;top:0;left:0">header</div>
text foo bar
<div style="position:absolute;bottom:0;left:0">footer</div>
</body>
Both untested, but should work.
If you don't understand what I wrote (HTML&CSS, I mean, not this text), read
a tutorial on CSS. It's a must. Well... a should
#3
| |||
| |||
|
|
The preferred way to do it is with divs, though: body style="padding: 150px 0" div style="position:absolute;top:0;left:0">header</div text foo bar div style="position:absolute;bottom:0;left:0">footer</div /body |
section is awfully small. You could impose scrolling on it.
Another problem is if the header material is larger than 150px. Resizing
text can cause this problem.
I think the design idea is flawed from the start, frankly, but there are
ways of getting it to work the way the OP wants - unfortunately, all
result in usability problems and/or an ugly design in some environments.
#4
| |||
| |||
|
|
I think the design idea is flawed from the start, frankly, but there are ways of getting it to work the way the OP wants - unfortunately, all result in usability problems and/or an ugly design in some environments. |
presentation looks like as long as the user can read the content....
Content and content alone will keep the customer, presentation is
meaningless...
Yes, I was being sarcastic, and factious at the same time.
--
Whitecrest Entertainment
www.whitecrestent.com
#5
| |||
| |||
|
pr92c5kxm6v6656 (AT) news (DOT) individual.net) wrote:|
On Wed, 23 Jun 2004 21:51:42 +0200, Mitja <nun (AT) meyl (DOT) com> wrote: The preferred way to do it is with divs, though: body style="padding: 150px 0" div style="position:absolute;top:0;left:0">header</div text foo bar div style="position:absolute;bottom:0;left:0">footer</div /body One problem is if the user is on a monitor set for 450px high, the center section is awfully small. You could impose scrolling on it. |
IE and Firefox put div.header at the bottom of the _viewport_. I've never
used bottom:0 in practice so I must say I was quite surprised to see this. I
expected the behavior from the specs, at least from Firefox: "In the
absolute positioning model, a box is explicitly offset with respect to its
containing block." But then, if things were done as per spec, you shouldn't
get the behavior OP wanted when text doesn't fill the viewport.
What have I overlooked?
Quote:
|
Another problem is if the header material is larger than 150px. Resizing text can cause this problem. |
Quote:
|
I think the design idea is flawed from the start, frankly, but there are ways of getting it to work the way the OP wants - unfortunately, all result in usability problems and/or an ugly design in some environments. |
#6
| |||
| |||
|
|
I want a table like this |
my problem and will post the URL to my site in a few days.
Thanks again!
-Bill
#7
| |||
| |||
|
|
I'd like to thank everyone for their quick responses. I found a solution to my problem and will post the URL to my site in a few days. |
nothing. Then just like that you leave. Oh sure, you say you will
return with a url, but we both know the truth. The minute you leave
this forum some other fancy forum will catch your eye, and you will
never be back...
What about the children? Did you think about them?
--
Whitecrest Entertainment
www.whitecrestent.com
 |
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.