3

My site (http://www.enginelabs.ca) is built using a database and php to bring in projects dynamically. I used jquery draggable to scroll through the projects and a javascript function that wraps the projects into a table format so it's easier to display horizontally.

The issue I'm having is the projects sometimes jump down and get cut off. It happens on safari and chrome but not on firefox. And when I go to index.php page it seems to fix itself. I can give more details on how things are coded if need be.

Here is a JS Fiddle link showing the code in action.

Thanks dudes!

5
  • 1
    It's very hard to provide assistance without at least some sample code. Can you set up a minimal JS fiddle which demonstrates the problem and add a link in your question? Nov 28, 2011 at 3:20
  • Ive never used this before so I hope that's good enough? It can't load much because it doesn't have images and the jquery isn't loading.
    – Mateen Dar
    Nov 28, 2011 at 3:48
  • I added a <base> tag and made the script src values absolute to make the images and Javascript all work. Generally, it's best to update your question with information like this. I'll edit your post to add the link. Nov 28, 2011 at 4:16
  • BTW, if you can provide a screenshot showing the bad behavior on Safari/Chrome, that may also help. I'm afraid this one is likely beyond my present skills to resolve, but other folks on SO may be up to the challenge. Nov 28, 2011 at 4:20
  • My mistake, I didn't know about jsfiddle before that's the only reason I didn't give you that upfront. You can find the images here: enginelabs.ca/blog.php
    – Mateen Dar
    Nov 28, 2011 at 4:43

1 Answer 1

1

For some reason (I stumbled on this by accident after 20 seconds)

 vertical-align: baseline

on your table cells seems to be causing the problem. Maybe it's because you're setting the height with jQuery or something, and there's some bug or quirk in Webkit or... anyways.

Explicitly setting vertical-align to something other than baseline may fix it, try it.

td {
    vertical-align: top;
}
1
  • alright that worked! Thanks alot, srry for the late reply just been busy.
    – Mateen Dar
    Dec 2, 2011 at 3:28

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.