I have a left and right div inside a wrapper the right is the content and left is navigation suppose the article/content is very large the right is increased automatically and I also make the left layer to adjust correspondingly. ?
Hmm. If you want the background-image to increase, you can attach an image to the #wrapper (repeat-y) and then apply overflow:hidden. If you want them actually be the same size, the method used is slighly more tricky for good browser support. For the left and right div apply: padding-bottom: 32767px; margin-bottom: -32767px; also applying overflow:hidden to the wrapper. Have a good read through this page to make sure you add the necessary browser fixes when needed: http://www.positioniseverything.net/articles/onetruelayout/equalheight#impossible_layouts
Thats a terrible method to do it. It seems the most logical, results are DISASTEROUS! If its two colours for example make an image with the correct column widths and the two colours and then set that as the background of your wrapper DIV. This is the only way i've found for all browsers to render it correctly. Thanks, Rich
I agree that the image method is the best, just make an image with the colours you want and make this the background image. Make sure to make it just a few pixels in height and have it repeat itself vertically, that way you will cover the whole background without increasing the loading time. This is the method I use for my column designs.