I am using a liquid layout with three columns, yet the right DIV either wraps to the next row, or extends beyond the right edge of the container. Any ideas why this is happening? I have tried adjusting the padding and magins, but I am still getting the wrapping.
Here are the files: https://www.dropbox.com/s/lzk2m6ylxz5tmaz/CSS%20Fix.zip
Thanks for your help!
Liquid Layouts (% based) are not the easiest bad boys to work with. They become an unruly mess on ultra wide and ultra narrow displays.
Example of the Ugly. Resize viewport to 400px.
The solution. http://alt-web.com/TEMPLATES/3-col-semi-liq-layout.shtml
Add min- and max-widths to your body. This is called a semi-liquid layout.