Great question. I’d probably approach it with jQuery…
Right sidebar = fixed width, float right.
Left content area = float left, no width. (use an inside div if you need to force width on the content area)
Code:
var test = $(“#sidebar”).html();
if (test = “”) {
$(“#sidebar”).remove();
}
Although… now that I think about it more, if the sidebar doesn’t have any content anyway, it might not need to be removed since it’s height will collapse to zero (assuming it doesn’t have any padding).
With the sidebar gone or collapsed, the left content area should theoretically expand to full width. If there is problems there, you could…
Code:
var test = $(“#sidebar”).html();
if (test = “”) {
$(“#sidebar”).remove();
$(“#content”).css({ “width”: “100%”, “float”: “none)
}
