pointing one page to a different style

08-26-2010, 10:44 AM

Hi all, I have one page that we want to use the same general wrapper on, but no sidebar.
https://russomusic.com/t-gsa.aspx is the page. On this particular page, we want to kill the sidebar so the embedded iframe can go the width of the content area. The way it is currently set up in the ascx file is <BIG DIV><Left sidebar div about 10%><Body div about 90%></Big DIV>.

I want just this one page to not have the sidebar. Is there a way to easily kill it in html without redirecting a whole mess of things to a new skin/template/default xml package?

Thanks for any help you may offer.

Dave

08-27-2010, 02:19 AM

I am by no means any good at JavaScript or have any real knowledge of JavaScript.

However I am sure you can hide/remove a DIV using JavaScript, once you have done that you could stretch the inside DIV to 100%.

Just thinking out loud. Could you not just use some inline CSS? at the top of the page set some new CSS rules to edit the layout how you please.

08-28-2010, 08:19 AM

You can do this by added some CSS at the top of the page in your topic html code.

<style type="text/css">
div#leftWrap{display:none;}
div#content{float:none;width:auto;}
</style>

The first CSS style tells the browser to not display the "leftWrap" div (your left nav) and the second style tells the browser to remove the left float and adjust the width to auto. I believe this will fix your problem.

All other pages will display the left nav like normal.

Hope this helps.

Thread: pointing one page to a different style

pointing one page to a different style