/    Sign up×
Community /Pin to ProfileBookmark

Sizing a table to fill the browser client window

Hi,

My pages are made with a top table with the left column acting as a navigation bar. It has a different bacxkground colour. How can I resize the table so that it fits exactly in the browser window? For now I add many rows but that means there is a scroll bar to scroll to nothing, which is not very satisfactory.

Thanks for any help

to post a comment
JavaScript

3 Comments(s)

Copy linkTweet thisAlerts:
@xataku_nakusuteJul 23.2003 — although many would disagree with me, from much existentialities, i can deduce that using a width="100%"/height="100%" property on any table should work....

but im not sure if im answering your question...

.......
Copy linkTweet thisAlerts:
@EricGenauthorJul 23.2003 — It did at first, but not since I put a DOCTYPE at the top of the document.

That messed up a few things which I have now fixed but I'm stuck with this table that's sized only to its content. It's fine if the content's long but on some pages where the content's small, it's really bad.

Is it possible to

- find out the height of the browser client window

- set a handler for when it is sizing

- set the table height in that handler?
Copy linkTweet thisAlerts:
@xataku_nakusuteJul 23.2003 — i myself, never use the doctype tag at the top....which i know is a "bad habit" and all, but i just dont have much use for it

so.....i basically have no clue as what to do.....simply cuz i dont have much experience with doctype
×

Success!

Help @EricGen 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 6.16,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...