SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    footer image on 2 column possible in NS4 ?

    Goal:
    -----------------
    |__Header Image_|
    |---------------|
    |column1|column2|
    |---------------|
    |__footer image_|
    ----------------

    when i try to do in NS 4.75
    I cant get the foot image to stay on the bottom.
    It will either float to the right of col2 or at the bottom of col2 and hang off the right side. Like this:

    -------------------
    |__Header Image___|
    |-----------------|
    |column1 | column2||-------------|
    |________|________||footer image |
    |________|________|---------------

    and

    -------------------
    |Header Image |
    |-----------------|
    |column1 | column2|
    |------- ||--------------|
    |--------||footer_image__|
    |--------|

    Basically what i want is a two column design that has a header image and a footer image as wide as the 2 columns at the bottom the two columns. I have no problem doing this with IE, but making it cross backwords compatible is the hard part. Is this possible with css and ns 4.75?

    thanks,
    jbiz

  2. #2
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    forgot to mention Im trying to do this without tables.

  3. #3
    Posts rarely lloydi's Avatar
    Join Date
    Jan 2002
    Location
    Swindon UK
    Posts
    620
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So, how are you approaching it? Or have you not made a start yet?
    Have you got any code that you can post?

    My guess is that you could do it (using a mixture of nu and old skool techniques!):

    in your style sheet:

    .headerArea {background:url("headerImg.gif");}
    .footerArea {background:url("footerImg.gif");}

    in your html:

    <div class="headerArea">Content in here</div>

    <div class="">
    <table>
    <tr>
    <td width="50%"></td>
    <td width="50%"></td>
    </tr>
    </table>
    </div>

    <div class="footerArea">Content in here</div>

    I've not tested the theory. It's a starter for ten though
    Build Your Own Web Site the Right Way!
    A beginners' HTML/CSS book with web standards at its heart
    The Ultimate HTML Reference
    A complete reference, in glorious hardback


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •