The width is pretty easy to adjust depending in what the site allows you to edit.
If you have direct access to the CSS then you need to adjust the width of two rules. A rule is basically used to tell the browser what it is you want to change, and how you want to change it.
The first, #pagebox - #pagebox {
-
background: none repeat scroll 0 0 #FFFFFF;
-
border: 1px solid #CCCCCC;
-
margin: 0 auto;
-
position: relative;
-
width: 786px;
-
}
Change the width to whatever you would like - I suggest 986px. Make sure to include the px (pixels).
The second, .pagebody - .pagebody {
-
clear: both;
-
width: 786px;
-
}
Once again change the width except this needs to match the width you gave #pagebox - as before I suggest 986px.
If you don't have access to the CSS but do for the HTML, then you just need to add two small bits of code. I know this is a lot of code to scroll through but just take your time. Also, most browser will allow you to press ctrl + f and search for things on the page.
First look for pagebox, - <div id="pagebox" class="layout_B">
and add the style attribute. An attribute is used to tell the browser more about the element or tag, in this case, div. For example, the id attribute tells the browser that this div (division) has an id of pagebox.
- <div id="pagebox" class="layout_B" style="width: 986px;">
Then we do the same thing with pagebody, - <div class="pagebody tmpl_flexed_1" id="pagebody">
- <div class="pagebody tmpl_flexed_1" id="pagebody" style="width: 986px;">
I hope this helps, Regards, Death
3
