arcon Posted August 21, 2009 Report Share Posted August 21, 2009 as per the subject, i've got 12 thumbnail images laid out in two 3x2 grids, using CSS relative alignment. looks perfect in IE8 and behaves just how i want when resizing window, same behavior in FX, looks *almost* perfect... but each small thumbnail is two pixels out vertically.. argh! of course i can line it up in FX but then it will be out in IE in the CSS i have specified a 1 pixel border around the thumbnails, but haven't used padding.. could this be the reason for the mismatch in browsers..? any tips apprec. Quote Link to comment Share on other sites More sharing options...
Wickham Posted August 21, 2009 Report Share Posted August 21, 2009 You should be able to get IE and Firefox looking the same, but without seeing your page online and downloading the code for testing, I can only suggest a conditional comment. Get it right for Firefox and then insert a conditional comment after the main stylesheet link which only affects IE and put one or two revised styles in there. http://www.wickham43.net/generaladvice.php#conditionalcomments http://www.javascriptkit.com/howto/cc2.shtml Quote Link to comment Share on other sites More sharing options...
falkencreative Posted August 21, 2009 Report Share Posted August 21, 2009 Small changes in vertical spacing is sometimes caused by different browsers using a different default line-height. Without the code/images in front of me, this is only a guess, but you may want to set one specific line height in an attempt to bring the different browsers in line with each other. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.