gd4

I'm not sure how to do it using relative only.The content of each box is variable, so I won't know ahead of time how high each will be.Therefore, I won't know how to position the rightmost box relative to it's normal position, because I don't know what it's normal position is.The height of the leftmost box will dictate the normal position of the rightmost box. I want the tops of the two boxes to line up, but I won't know what value to use in the "top:?px" style.

Try this: <style type="text/css"> td.changed { background-color: #000000; /*or whatever color you want to use */ }</style></code> Then in your table, wherever you want the background to be different, use: <td class="changed">...</td> Then the only table cells that will change are those with a class of "changed".- Greg

I am building a page that has a large box with two boxes inside.The two sub boxes are to be side by side.This is how I'm handling it:<div style="position:relative; border:1px solid #000000;"> <div style="position:relative; top:5px; left:5px; width:100px; border:1 px solid #000000;"> some content </div> <div style="position:absolute; top:5px; left:105px; border:1px solid #000000;"> some more content </div></div>This works fine until the content of the second (right-most) box gets too big. Then the right-most box grows vertically and extends past to border of the outer-most box.If the left-most (relatively positioned) box grows vertically, the outer box grows correctly.Is there a way to make the outer-most box grow as the inner "absolutely positioned" box grows?