i am currently building a photo gallery for myself which is in my local host so not on the web yet. Right now i'm having trouble trying to keep my images looking consistent in terms of the way it is positioned. When i click on the 'Home' link it displays all my pictures nicely, all aligned correctly to how i want it given the the image shak link: http://img197.imageshack.us/img197/7312/homeviewlinkok.jpg, even when i click on my second link, 'Shanghai Zoo', http://img101.imageshack.us/img101/8118/shanghaizoolinkok.jpg, it seems fine.
However, when i click on my last link, 'Cheng Huang Temple' it does not look very consistent compared to the others, especially to my home link as shown here, http://img101.imageshack.us/img101/2575/chenghuangtemplelinknot.jpg. The current version of IE i have is version 7, but i am also using FF and Safari and the problem looks the same on all 3 versions of browsers.
border: 1px solid #330066;
/** height: 1200px; **/
/** width: 900px; **/
width: 150px; /** needed so that the thumb img stays the same **/
padding: 10px 15px; /** top/bottom value is 10px and right and left is 15px*/
border:1px solid red;
/** margin: 3px; **/
/** display:-moz-inline-box; //FF2 & under
border: 1px solid #ff8000;
border: 1px solid red;
border: 1px solid black;
I know that it has to do something with my padding and margins, but as you can see from my commented css code, i just can't seem to get it near to consistent on my last link. I've been playing around this for a bit but it just isn't giving what i want. If anybody can assist or help, that would be greatful.