Sidebar repositions every time page loads

Hello,

I have a full CSS layout that works fine, but every time a new page loads, the sidebar loads near the center of the layout, then quickly moves to the correct position on the left once the page content loads. Does anyone know how I can correct this so that the sidebar does not reposition like this each time the page loads?

The site is here: http://suicidesqueezerecords.tumblr.com/

Thanks!
SpiderstaveAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

te-eduCommented:
your css

#column-left .section {
  border-bottom: 1px solid rgb(204,204, 204);
  padding: 25px 25px 25px
   0pt;
  text-align: left;
}

Open in new window

Need width

#column-left .section {
  border-bottom: 1px solid rgb(204,204, 204);
  padding: 25px 25px 25px
   0pt;
  text-align: left;
 width: 220px;  // or 250px must check
}

Open in new window

SpiderstaveAuthor Commented:
Hello,

Thank you for your response!

I added your suggested CSS, but the problem persists. Any other ideas?

Thanks!
te-eduCommented:
Here is you page validation code, I think you have a lot of errors and one of them make mess. Clean them one by one and check for result

Result: 0 errors / 14 warnings

line 7 column 1 - Warning: <meta> element not empty or not closed
line 512 column 723 - Warning: inserting implicit <p>
line 568 column 1668 - Warning: inserting implicit <p>
line 641 column 248 - Warning: '<' + '/' + letter not allowed here
line 641 column 256 - Warning: '<' + '/' + letter not allowed here
line 652 column 78 - Warning: unescaped & or unknown entity "&src"
line 28 column 1 - Warning: <style> inserting "type" attribute
line 532 column 25 - Warning: <a> proprietary attribute "fb:like:layout"
line 588 column 25 - Warning: <a> proprietary attribute "fb:like:layout"
line 481 column 33 - Warning: trimming empty <button>
line 511 column 29 - Warning: trimming empty <p>
line 512 column 723 - Warning: trimming empty <p>
line 567 column 29 - Warning: trimming empty <p>
line 568 column 1668 - Warning: trimming empty <p>
Info: Doctype given is "-//W3C//DTD XHTML 1.0 Transitional//EN"
Info: Document content looks like XHTML 1.0 Transitional

Open in new window

SpiderstaveAuthor Commented:
It turns out this was being caused by a bug in Cufont, which is a font replacement technology I was using. It was taking a moment to load, and before it loaded the div was not wide enough, which is why the sidebar was repositioning.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
SpiderstaveAuthor Commented:
Found own solution.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.