How to fix web part zone width?

Question

I would like to fix the web part zone width on a SharePoint page such that it is not overridden by any web part. Irrespective of me adding a smaller or larger webpart, the zone width should remain the same. I am ok if that introduces scroll bars. I tried giving the zone width, but currently the Content Editor web part width overrides that (a user gave a larger width in the Appearance section than the web part zone width).
Is there a way to do that?
ThanksSanjeev Garg [MSFT]

Answer 1

Hi Sanjeev,
Do you need this done in a particular page or is it for a lot of pages in your site? Either way, you can add custom CSS to make it a fixed width. For example:
#your_webpart_zone_id
       width: 400px;
       overflow: auto;
The overflow statement above should render scrollbars within the web part zone if any web part width is more than the web part zone width.
If you need this for just few pages, then I'd recommend that you add a CEWP on those pages and add the above CSS through the Source Editor of the CEWP. But, if you need this on every page, then you can add the custom css in your master file to affect all pages.
Use a DOM inspector to find the id or class of the web part zone easily. I hope this answers your question.
Pman
http://www.pmansLab.com/