Results 1 to 10 of 11

Hybrid View

  1. #1
    Join Date
    Mar 2007
    Location
    California
    Posts
    30
    Plugin Contributions
    0

    Default Left column briefly shifting to the center of the page

    Howdy folks!

    I have searched the forums to find a solution to this issue and although I have found threads with resolutions for others, the resolutions don't seem to be working for me When I browse through our site at http://www.littletoycompany.com the left category column shifts to the center of the page very briefly and then it moves to the correct position. It happens randomly and it seems to only happen in Firefox. Can anyone suggest a solution?

    Thanks!!!!
    Janice

  2. #2
    Join Date
    Mar 2007
    Location
    California
    Posts
    30
    Plugin Contributions
    0

    Default Re: Left column briefly shifting to the center of the page

    PLEEEEASE....Somebody, anybody....HELLLLPPP!!!!!

  3. #3
    Join Date
    Jul 2005
    Posts
    536
    Plugin Contributions
    0

    Default Re: Left column briefly shifting to the center of the page

    Well, if you run your site through the W3C validator, you'll find that it says you've got some problems.

    Namely your site is huge and the page draws slowly and that is part of the reason the column jumps ... the jumping more of an illusion than actually being the problem. Optimizing your images will help the page draw faster, and the jump won't be seen the same as you describe now.

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,001
    Plugin Contributions
    25

    Default Re: Left column briefly shifting to the center of the page

    That centering is caused by a margin: auto; property in your stylesheet. It is in the default version, but you really don't need it unless you are going to have the sidebar centered in a larger space.

  5. #5
    Join Date
    Mar 2007
    Location
    California
    Posts
    30
    Plugin Contributions
    0

    Default Re: Left column briefly shifting to the center of the page

    Quote Originally Posted by gjh42 View Post
    That centering is caused by a margin: auto; property in your stylesheet. It is in the default version, but you really don't need it unless you are going to have the sidebar centered in a larger space.
    Hi Glenn,

    You are exactly right! I played around with the margin: auto and it is absolutely the problem My only problem is when I remove the margin: auto from the css the whole page gets left aligned. That isn't a problem for most people as the page is 1024px wide but for folks like me who have a wide screen it looks funny for the page to be left aligned so I am now on a search for how to remove the margin: auto and still have the page centered.

    Thank you SOOO much for your help!! It's so cool to have folks like you on the forum who are willing to share their knowledge!!

    Janice

  6. #6
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,001
    Plugin Contributions
    25

    Default Re: Left column briefly shifting to the center of the page

    The margin: auto; in your stylesheet is applied to #mainWrapper as well as the sidebars. It is necessary on #mainWrapper, so you need to separate the selectors. Find this:
    Code:
    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    	margin: auto;
    	}
    and change to this:
    Code:
    #navColumnOneWrapper, #navColumnTwoWrapper {
    	
    	}
    #mainWrapper {
    	margin: auto;
    	}
    You can delete the #navColumnOneWrapper, #navColumnTwoWrapper declaration if you have no other properties for them.

  7. #7
    Join Date
    Mar 2007
    Location
    California
    Posts
    30
    Plugin Contributions
    0

    Default Re: Left column briefly shifting to the center of the page

    Thank you thank you THANK YOU Glenn! You ROCK!!! I followed your instructions and it worked! I am so jazzed!!! I can actually sleep tonight

    I can't thank you enough for taking the time to help me resolve this problem



    Quote Originally Posted by gjh42 View Post
    The margin: auto; in your stylesheet is applied to #mainWrapper as well as the sidebars. It is necessary on #mainWrapper, so you need to separate the selectors. Find this:
    Code:
    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
        margin: auto;
        }
    and change to this:
    Code:
    #navColumnOneWrapper, #navColumnTwoWrapper {
        
        }
    #mainWrapper {
        margin: auto;
        }
    You can delete the #navColumnOneWrapper, #navColumnTwoWrapper declaration if you have no other properties for them.

  8. #8
    Join Date
    Mar 2007
    Location
    California
    Posts
    30
    Plugin Contributions
    0

    Default Re: Left column briefly shifting to the center of the page

    Quote Originally Posted by chuck View Post
    Well, if you run your site through the W3C validator, you'll find that it says you've got some problems.

    Namely your site is huge and the page draws slowly and that is part of the reason the column jumps ... the jumping more of an illusion than actually being the problem. Optimizing your images will help the page draw faster, and the jump won't be seen the same as you describe now.
    Hi Chuck, Thank you SO much for the input. I did run my site through the W3C Validator and corrected most of the 7 errors. There are some errors in the body that cause other problems if I correct them...kinda weird...but at least I was able to correct most of them

    I have downloaded Image Handler 2 to try to resolve the huge page issue so hopefully I can get the page size down so that it loads in a reasonable amount of time.

    Thanks again for your help!!!

    Janice

 

 

Similar Threads

  1. left column needs to be same height as center column
    By BekahRuth in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 22 Aug 2007, 11:01 PM
  2. How to center Left Boxes within Column Left?
    By gingertea in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 28 Jul 2007, 06:21 PM
  3. center boxes in left and right column
    By chelseagirl in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 3 Sep 2006, 01:34 AM

Bookmarks

Posting Permissions

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