I have a page with two columns (two DIVs), and the left column is floated to achieve the two-column effect (the right column uses margin-left to be placed properly).
The left column has a known width (for this example, we'll say 500px). I want to get the right column to stretch indefinately to the right hand side of the screen (for the purpose of a background effect), but no further (assume that content will not spill over off the screen).
I have been able to achieve this result in Firefox, by setting the right DIV's width to 100%. Unfortunately, in IE, this causes the right DIV to have a width of 100% of the screen width, and because of the margin / float technique, the DIV stretches off the right side of the screen and a float drop occurs (because the right DIV is thus too wide).
Perhaps, instead of using a margin to place the right DIV correctly, I could use padding instead such that the DIV would be 100% screen width, but the content of the DIV would only display in the appropriate area, just as if I were using a margin instead?