.load problems

.load problems

Here's the basic idea... I'm loading content into a page, then resizing the container to the left of the loading container to become the same size.

I have a live example:



But if you press something that's even remotely long? For example click "QM Recognized Courses" under "Quality Matters" and you'll see that from "Patricia Gregory" and down doesn't load.

Which is really weird. Here's the section with Patricia Gregory and some lines surrounding it.
  1. <span class="course">The Nature of Mathematics, MAT 100</span><br />
  2. Sandra King, Associate Professor, English and Communications/A&amp;S<br /><span class="course">Intercultural Communication, COM 200</span><br />
  3. Patricia Gregory, Professor, Computer Science/BC&amp;TS<br />
    <span class="course">Programming 1 in Java, CSI 162</span><br />
    Joyce Ezrow, Associate Professor, Business Management/BC&amp;TS<br />
And here's the relevant Javascript:

  2. $('#contentright').load(id, function() {
  3. if ( $('#contentright').height() <= 275 ) {
  4. $('.menu').height(275);
  5. }
  6. else {
  7. $('.menu').height($('#contentright').height() + 100);
  8. }

  10. });
And here's a preview of the problem:





Also, this happens on Firefox as well as Chrome, but it breaks on the line above Patricia Gregory. This problem only happens SOMETIMES though is the thing. Sometimes it loads just fine. I've cleared my cache and verified this problem across multiple computers. It also breaks on "Faculty Mentors" under "Academy of Excellence."


Any ideas? This is kinda driving me crazy.