Results 1 to 2 of 2

Thread: Making page adapt to monitor resolution

  1. #1
    Join Date
    Feb 2011
    Posts
    121

    Making page adapt to monitor resolution

    I have a to make web page containing 2 columns. This is done.
    Now what I would like to insert in the code is something like this:
    The 2 columns should be full screen on any resolutions. Something like the page would adapt to the monitor resolution.
    The percent would be 80% for the first column 20% for the second one.

    What I don't know - is how to do that. Would a table resolve this problem?
    What would be the code for this?

    Suggestion are well appreciated.
    Coupon Site Script - Turnkey Affiliate Moneymaking Business

    Code Coupon Discount - Coupon Site Script in Action

  2. #2
    Join Date
    Apr 2011
    Posts
    110
    No need to use a table

    <html>
    <head>
    </head>
    <style>
    .left-col{
    width:20%;
    float:left;
    background-color:#ff0000;
    }
    .right-col{
    width:80%;
    float:left;
    background-color:#0000ff;
    }
    </style>
    <body>
    <div class="left-col">Left Col</div>
    <div class="right-col">Right Col</div>
    </body>
    </html>

Similar Threads

  1. Web page misaligning when zoomed or viewed in lower resolution
    By jeremiahp in forum Web Design, HTML Reference and CSS
    Replies: 0
    Last Post: 26 May 2010, 11:06 AM
  2. making a login page
    By Menolik in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 14 Dec 2007, 05:58 PM

Posting Permissions

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