Thread: Page width

Results 1 to 6 of 6
  1. #1

    Default Page width

    I know this is a really bad question, but forgive me its been quite a while since i originally set up my site.

    But Im trying to make my page view smaller. Right now its width: 100%. I changed it to 80% and it looked like that may be enough, but its left aligned. How/what do I center it?

    I would actually like it to be about the size of the forum width. lol

    nvm, Fixed myself
    Last edited by fusionsp; 11 Dec 2009 at 02:42 AM.
    http://www.fusionspiritualemporium.com
    Contrib: Events Calender v1.02 update

  2. #2

    Default Re: Page width

    Ok, but i do have one more issue now. In FF it displays fine but IE only part of it is resized?
    http://www.fusionspiritualemporium.com
    Contrib: Events Calender v1.02 update

  3. #3
    Join Date
    Nov 2007
    Location
    Melbourne, Australia
    Posts
    541
    Plugin Contributions
    0

    Default Re: Page width

    You center is by adding

    Code:
    margin:0 auto
    to the outer wrapper in your stylesheet.

  4. #4

    Default Re: Page width

    Quote Originally Posted by tino.schlegel View Post
    You center is by adding

    Code:
    margin:0 auto
    to the outer wrapper in your stylesheet.

    ummm, ok. I am a little unsure of which designation refers to the outer wrapper for the stylesheet. I do have that in it.

    When i load the page in IE at first it loads the right size, then it flashes and resizes to larger? But like I said, FF displays it fine.

    heres the code in the top:

    Code:
    body {margin:  auto; width: 80%;  font-family: verdana, arial, helvetica, sans-serif; font-size: 62.5%; color: #000000;  background-color: #ffffff; background-position: center top; }
    body#popupShippingEstimator, body#popupImage, body#infoShoppingCart, body#popupCVVHelp {background:none;}
    
    #mainWrapper {background-color: #6289ff; text-align: left;  vertical-align: top; width: 100%; border: none ; }
    table { font-size: 100% }
    
    #navFusionWrapper {background-color: #ffffff; margin: 0; padding: 0; width: 100% }
    http://www.fusionspiritualemporium.com
    Contrib: Events Calender v1.02 update

  5. #5

    Default Re: Page width

    I dont know if this is an issue that may cause it but its showing an error.

    Expected ')'

    www.fusionspiritualemporium.com/

    code: 0

    what does this mean?
    http://www.fusionspiritualemporium.com
    Contrib: Events Calender v1.02 update

  6. #6
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,911
    Plugin Contributions
    96

    Default Re: Page width

    If you're running IE8, press F12 to bring up the developers' tools. One of the options (on the bottom bar) is "Validate". If you validate your HTML, you'll see that there are a bunch of errors that need to be addressed. Clearing these up might help to solve your problem.

 

 

Similar Threads

  1. change width on the categories page (price width)
    By oberheimer in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 3 Sep 2010, 05:53 PM
  2. Column Width and Sidebox Width not working
    By khopek in forum Customization from the Admin
    Replies: 11
    Last Post: 8 Jan 2010, 06:22 PM
  3. Page Width
    By crashinc25 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 3 Apr 2009, 01:16 AM
  4. Main Page(Define Pages Editor) throws page width off
    By audradh in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Jun 2006, 02:36 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg