/    Sign up×
Community /Pin to ProfileBookmark

Filling up the page vertically

Copy linkTweet thisAlerts:
Oct 05.2007

I see that when you resize your window horizontally, tables and texts can wrap but is there a way to do that vertically?

I have a DIV and inside that DIV are texts, TABLE and a FORM with controls.

Like
DIV
_P’s
__TABLE
____FORM
_____CONTROLS (text box, radio buttons, etc)
____/FORM
__/TABLE
/DIV

I want the Table to expand and reduce depending on the height of the window. (So that the controls in the table/form can have more space and less space as the window resizes) (With minimum table height of 200px and we’ll have scroll bars once window gets shorter than 200px.)
Is there an attribute or if not, is there a way to do it with javascript?
I’d appreciate your help.
Thanks

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@Angry_Black_ManOct 05.2007 — i happened upon a site that talks about a vertical positioning type of hack:

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

since it uses a percentage to determine where to align elements vertically, that could possibly translate into something you can use. as your element gets horizontally smaller, percents will cause things to adjust differently than being hardcoded.

just throwing out ideas. i have nothing concrete to contribute.
Copy linkTweet thisAlerts:
@thdwlgPauthorOct 05.2007 — I see how when you reduce the width of the browser, the texts fills up the browser vertically but what I'm looking for is how would the box increase height-wise if the browser is made longer (top-bottom). If you move the bottom of the browser up and down, is there a way to make the height of the outer green box you have on your website increase or decrease? (Does that make sense?)
Copy linkTweet thisAlerts:
@Angry_Black_ManOct 06.2007 — yea, set the div height to 100%
×

Success!

Help @thdwlgP spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...