https://www.webmaster-forums.net/crss/node/1038413 en https://www.webmaster-forums.net/html-css-and-javascript/floating-two-div-boxes-800-x-600#comment-1219428 <p>David, thank you. That solution did work. I was just looking for way for the two div boxes to degrade gracefully.</p> Mon, 21 May 2007 00:41:13 +0000 cboudy comment 1219428 at https://www.webmaster-forums.net https://www.webmaster-forums.net/html-css-and-javascript/floating-two-div-boxes-800-x-600#comment-1219143 <p>Here's the math:</p> <p>#left_box is 250px wide + 10px padding = 260px<br /> #right_box is 170px wide due to the image + 50px padding = 220px<br /> #content_main has left+right margins = 320px</p> <p>Things go awry when the two boxes don't have enough space. That is when the box widths plus content margins is greater than the window size. This happens at 260px + 220px + 320px = 800px.</p> <p>If you allow the #left_box to contain all its content, by eliminating its height declaration, you will see a regular float-drop at 800px instead of the overlap.</p> <p>Not a solution, but hope it helps.</p> <p>Cordially, David</p> Sat, 12 May 2007 04:51:39 +0000 webwiz comment 1219143 at https://www.webmaster-forums.net