Problem: CSS 100% height

Discussion in 'HTML' started by Nullcode, Nov 23, 2004.

  1. Nullcode

    Nullcode Guest

    Lo all. Anyone know how get a div to span 100% of the page? NOT just the
    viewable area?

    At the moment Ive got a div[#wrap] floated against the right side. I use
    this as a container to position 3 divs of content [#left #dead #right]
    #left and #right have images in. #dead has an img with text below, a
    right and left border and needs to span 100% of the generated page as
    the content is variable and goes into a scroll.
    Atm, with the following code, the height of #dead spans 100% of the
    *viewable* page. When you scroll you see it had stopped where the status
    bar kicked in. I had a quick look on google but thought Id ask in here to.


    #wrap {
    position: relative;
    float: right;
    top: 0px;
    width: 512px;
    height: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }

    #left {
    position: absolute;
    left: 0px;
    width: 163px;
    height: 184px;
    background: url(images/bgmiddle.gif) no-repeat;
    }

    #dead {
    position: absolute;
    left: 163px;
    width: 198px;
    height: 100%;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    }


    #right {
    position: absolute;
    left: 363px;
    width: 149px;
    height: 253px;
    background: url(images/bgright.gif) no-repeat;
    }






    <div id="wrap"> // START CONTAINER DIV
    <div id="left"></div> // IMG PLACED INSIDE LEFT OF CONTAINER


    // PROBLAMATIC DIV NEEDING TO BE 100%. VARIBALE IMG WITH TEXT BELOW
    // PLACED MIDDLE DIV OF CONTAINER BETWEEN #left AND #right

    <div id="dead"><img src="<?= $img ?>" width="198" height="305" />
    <p class="dead">
    THE TEXT
    </p>
    </div>

    <div id="right"></div> // IMG PLACED INSIDE RIGHT OF CONTAINER
    </div> // CLOSE CONTAINER DIV



    TIA


    --
    Nullcode
    "Suffering is a result of desire"
    bnVsbGNvZGVAbnVsbGNvZGUuY29t
    www.hidemyemail.net
     
    Nullcode, Nov 23, 2004
    #1
    1. Advertising

  2. in alt.html, Nullcode wrote:
    > Lo all. Anyone know how get a div to span 100% of the page? NOT just the
    > viewable area?


    Sure.

    > At the moment Ive got a div[#wrap] floated ...


    > Atm, with the following code,


    URL?

    > the height of #dead spans 100% of the
    > *viewable* page. When you scroll you see it had stopped where the status
    > bar kicked in. I had a quick look on google but thought Id ask in here to.


    add some element at the btoom of your div that has clear:both;


    --
    Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
     
    Lauri Raittila, Nov 23, 2004
    #2
    1. Advertising

  3. Nullcode

    Nullcode Guest

    Lauri Raittila wrote:

    > in alt.html, Nullcode wrote:
    >
    >>Lo all. Anyone know how get a div to span 100% of the page? NOT just the
    >>viewable area?

    >
    >
    > Sure.
    >
    >
    >>At the moment Ive got a div[#wrap] floated ...

    >
    >
    >>Atm, with the following code,

    >
    >
    > URL?
    >
    >
    >>the height of #dead spans 100% of the
    >>*viewable* page. When you scroll you see it had stopped where the status
    >>bar kicked in. I had a quick look on google but thought Id ask in here to.

    >
    >
    > add some element at the btoom of your div that has clear:both;
    >
    >


    just on the way to bed, but would that be in the div or out the div or
    between the container div[#wrap] and the content div[#dead] ? thx

    --
    Nullcode
    "Suffering is a result of desire"
    bnVsbGNvZGVAbnVsbGNvZGUuY29t
    www.hidemyemail.net
     
    Nullcode, Nov 24, 2004
    #3
  4. in alt.html, Nullcode wrote:
    > Lauri Raittila wrote:


    > > add some element at the btoom of your div that has clear:both;


    > just on the way to bed, but would that be in the div or out the div or
    > between the container div[#wrap] and the content div[#dead] ? thx


    You spell as bad as I do, so I don't really get what you mean.

    address {clear:both;}

    <address>webmaster@foo</address></div></body>

    --
    Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
     
    Lauri Raittila, Nov 24, 2004
    #4
  5. Nullcode

    Nullcode Guest

    Lauri Raittila wrote:

    > in alt.html, Nullcode wrote:
    >
    >>Lauri Raittila wrote:

    >
    >
    >>>add some element at the btoom of your div that has clear:both;

    >
    >
    >>just on the way to bed, but would that be in the div or out the div or
    >>between the container div[#wrap] and the content div[#dead] ? thx

    >
    >
    > You spell as bad as I do, so I don't really get what you mean.
    >
    > address {clear:both;}
    >
    > <address>webmaster@foo</address></div></body>
    >


    hehe, thx, ill give it a go in a bit :)

    --
    Nullcode
    "Suffering is a result of desire"
    bnVsbGNvZGVAbnVsbGNvZGUuY29t
    www.hidemyemail.net
     
    Nullcode, Nov 24, 2004
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Not4u
    Replies:
    9
    Views:
    1,060
    Not4u
    Feb 27, 2004
  2. Replies:
    8
    Views:
    6,735
    Neredbojias
    Dec 9, 2005
  3. Bernd Meier
    Replies:
    6
    Views:
    546
    GTalbot
    Jan 14, 2008
  4. fred
    Replies:
    3
    Views:
    303
    Zifud
    Mar 17, 2005
  5. Replies:
    5
    Views:
    914
Loading...

Share This Page