How do I resize the area of the blog?

  • Hey Guys!

    Here’s the site i’m dealing with: https://www.runescapeaddicts.com

    I wonder how you might resize the width of the layout so that the Stone and border in fact are at the edge of the page, rather than having a large section of white at both sides; Doing this would make the postable area in the middle. Here’s the code i think applicable: 

    /* -------------------- LAYOUT -------------------- */

#container { margin: 0 auto; width: 1003px; padding: 0; margin: 89px 0 0 123px; }
#page { float: left; width: 1003px; margin: 0; }
#header { float: left; width: 1003px; background: transparent; }
.mainwrap { float: left; width: 1003px; background: url(images/bg-in1.PNG) repeat-y top center; display: inline; margin: 25px 10px 0 10px; padding: 0 0 10px 0; }

.content { float: left; width: 550px; margin: 492px 40px 0 59px; background:url(); position: relative;
  z-index: 1;}}

#contactform { padding: 20px 0; border: none; }

    Much help would be appreciated. Let me know if you actually need a different part of the code! Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • Having looked at the site you have a very complex structure in there with all those divs.

    I think the changes you will need to make are quite extensive and probably beyond what can be put in a post reply.

    I suggest you look up some CSS tutorials on the web for search terms such as 3 column layout, and 3 column liquid layout such as can be found here.

    You will then need to modify what he is saying to apply it to your site.

    Thread Starter jamesvernon

    (@jamesvernon)

    https://pastebin.com/S1nsREPc

    There’s the full layout if anyone wants a crack at it ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I resize the area of the blog?’ is closed to new replies.