delirium Posted November 26, 2009 Report Share Posted November 26, 2009 (edited) Hey there, im getting so annoyed with this cross-browser stuff. Why the hell aren't they all just the same!!!!! Anyway, i'm working on this website layout and everything is going fine in IE but in Firefox one little thing is off by like 1 pixel. Right under the logo, the entire tab area seams to be to far to the left, by about one pixel. I am a perfectionist so this is actually driving me crazy. I've been stuck for 3 days trying to figure this out, can somebody PLEASE help me. the website is http://www.supernerd.ca and the css: http://www.supernerd.ca/css/main/style.css Thanks in advance, -Delirium Edited November 26, 2009 by delirium Quote Link to comment Share on other sites More sharing options...
delirium Posted November 26, 2009 Author Report Share Posted November 26, 2009 Alright, i just fixed the part under the logo. but the last tab on the right is still going to the left.. Does firefox have some weird default 1px margin or something like that? Quote Link to comment Share on other sites More sharing options...
delirium Posted November 26, 2009 Author Report Share Posted November 26, 2009 Fuck it, im using a conditional comment. Too much work messing with cross browser stuff. Quote Link to comment Share on other sites More sharing options...
Wickham Posted November 26, 2009 Report Share Posted November 26, 2009 (edited) As you probably realise now, it was IE not Firefox that was causing the trouble. #primewrapper is 970px wide. #logo is 483+17 = 500 + #tabs 470 = 970px #tabs a inside is 147+2*2 = 151 * 3 = 453px which is within 470px so all that is OK However, #pagecontent underneath is width: 931 + 2*2 = 935px; margin: auto; which leaves 35px difference from #primewrapper's 970 which divided by 2 = 17.5px each. It seems that IE has jumped the wrong way as it can't do half a px. In other words, neither browser can do half a px but Firefox has moved the margins for the #pagecontent in one direction to match the #tabs above but IE moved them in the other direction. Edited November 26, 2009 by Wickham Quote Link to comment Share on other sites More sharing options...
delirium Posted November 27, 2009 Author Report Share Posted November 27, 2009 ah gotcha thanks! I really wish they would just make them all the same. It would save everyone alot of time. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted November 27, 2009 Report Share Posted November 27, 2009 ah gotcha thanks! I really wish they would just make them all the same. It would save everyone alot of time. Most people do... Just part of the fun of web design. =/ 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.