Jump to content

Three Column Issue.


Recommended Posts

I am using a div named #wrapper that encloses the three columns (#left_col, #main_content, and #right_col). Everything shows up fine, but I need #wrapper to automatically adjust to the greater of the three enclosed columns and show background color white. Each page looks staggered now and I need some consistency. Any help is greatly appreciated.#maincontentwrap{ width:100%; margin-right:auto; margin-left:auto; background-color:#ffffff; height:auto;}#left_col{ float:left; width:20%; overflow:hidden; background-color:#ffffff; border-right-width: thin; border-right-style: dotted; border-right-color: #0300CF; padding-left: 10px; padding-bottom: 10px;}#main_content{ float:left; width:54%; background-color:#ffffff; padding-right: 11px; padding-left: 11px;}#right_col{ float:right; width:20%; overflow:hidden; background-color:#ffffff; border-left-width: thin; border-left-style: dotted; border-left-color: #0300CF; padding-left: 10px; padding-right: 16px; padding-bottom: 10px;}

Edited by nighthawk
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...