Link to home
Create AccountLog in
Avatar of Spiderstave
Spiderstave

asked on

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!
Avatar of te-edu
te-edu
Flag of Serbia image

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

Avatar of Spiderstave
Spiderstave

ASKER

Hello,

Thank you for your response!

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

Thanks!
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

ASKER CERTIFIED SOLUTION
Avatar of Spiderstave
Spiderstave

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
Found own solution.