Photos not aligning with Divs

Hi,

http://www.clhdesigns.com/heritage/gallery.php

As you can see I have a gallery on this page and it appears that the large photos do not line up to the top of the container box as they are supposed to. I figure it’s a problem somewhere in the stylesheet. Tried playing around with it with Firebug and get seem to isolate the issue

If you mean the section where you have 3 columns of images, and on the right there is a big image, and it’s not aligning to the top, that’s because the anchors and images are showing the inline anonymous nodes that the document creates. You have white space in your document between the <a> and the <img> in your HTML code. Remove the line breaks/spaces in the file and it should move up a bit :).

ya like duhhhhhh should have saw that from a country mile away :slight_smile: Works perfect now I just have to get the white container div to move down like they are in all other pages then were golden!

Oh wait not so fast. Seems like in Firefox the same thing is still happening

Working just fine for me :). Using FF11 on windows. Clear your cache, you are probably seeing an old version of the page.

seems to be Firefox Mac as the only holdout. Safari and Chrome in both win and IE work fine. Weird

Try removing all white space near that area in the document. The span, img, and anchor. Keep them all on the same line with no spaces. FF might be somehow getting some nodes from them? I can’t really test as I don’t have mac :(.

Turns out I did and still the same. Weird…