Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Sep 2011
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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.

  • #2
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,138
    Thanks
    7
    Thanked 257 Times in 256 Posts
    Quote Originally Posted by aditd View Post
    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.
    Switching a browser to full-screen resolution is generally considered a bad thing. If you want your site to adapt, make it adapt to the browser window, not 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.
    You've already got your two columns, presumably they're two divs? All you should need to do is set the widths of those divs, one to width:80%, the other to width:20%. There might be some other subtleties based on how you wrote the code - we'd need to see it.
    Would a table resolve this problem?
    Tables are orthogonal to this discussion.

    Dave


  •  

    Posting Permissions

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