/    Sign up×
Community /Pin to ProfileBookmark

How do I make my tables reach to the top and bottom of my web page?

Copy linkTweet thisAlerts:
Dec 31.2003

Can you someone tell me how I can make my table within my HTML page reach to the top and bottom?

What happens is that there is a gap at the top and bottom.

How do I get rid of this gap?

(What I want is a table that has an outline only on the sides.)

Thanks.

Jam

(fredmv, THANKS in advance for the reply.) ?

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@fredmvDec 31.2003 — A few questions:[list=1]
  • [*]Is this a table for a layout or any other form of non-tabular data? If so, there are better ways of doing this.
  • [*]By an "outline" on the sides do you mean a visible border?
    • [/list]    [i]Originally posted by jammer20002[/i]

    [b]fredmv, THANKS in advance for the reply.[/b][/quote]    No problem. :p
    Copy linkTweet thisAlerts:
    @jammer20002authorDec 31.2003 — No... it's not for formatting data... it's just going to be the outer container.

    By outline, yes, I do mean visible border, but ONLY on the sides right and left.
    Copy linkTweet thisAlerts:
    @fredmvDec 31.2003 — <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <title>untitled</title>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
    <style type="text/css">
    /*<![CDATA[*/
    html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    }

    <i> </i> table {
    <i> </i> height: 100%;
    <i> </i> border-left: solid #000 1px;
    <i> </i> border-right: solid #000 1px;
    <i> </i> margin: 0 auto;
    <i> </i> }
    <i> </i> /*]]&gt;*/
    <i> </i> &lt;/style&gt;
    <i> </i>&lt;/head&gt;
    <i> </i>&lt;body&gt;
    <i> </i> &lt;table summary=""&gt;
    <i> </i> &lt;tr&gt;
    <i> </i> &lt;td&gt;
    <i> </i> Hello, World
    <i> </i> &lt;/td&gt;
    <i> </i> &lt;/tr&gt;
    <i> </i> &lt;/table&gt;
    <i> </i>&lt;/body&gt;
    &lt;/html&gt;
    Copy linkTweet thisAlerts:
    @jammer20002authorDec 31.2003 — JUST what I wanted.

    Thanks! ?
    Copy linkTweet thisAlerts:
    @fredmvDec 31.2003 — You're quite welcome. ?
    ×

    Success!

    Help @jammer20002 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.20,
    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,
    )...