Hidden Oracle Posted June 12, 2012 Share Posted June 12, 2012 My layout (my current userlookup) looks fine on Firefox, but when I tested it in IE, the alignment's off. D: I don't know how to fix it so that it works in all browsers. ;-; Quote Link to comment Share on other sites More sharing options...
tamashiiresonance Posted June 12, 2012 Share Posted June 12, 2012 (edited) I took a quick look at your code (with right click > view source), and what has happened is that your userinfo and banner is set at a fixed position on the page however the background is not. Meaning when someone is looking at your userinfo and they go to widen the browser window, the background (which is centered) will move while everything else will not. This actually affects all browsers (try looking at it in Firefox and changing the width of your window... it was misaligned when I looked on Firefox, your top banner is also misaligned above the top of the page) . It's an easy fix but involves making a lot of small changes. If you don't mind, I could fix it up in my html editor and send you a list of changes, or the updated code itself. Let me know. Edit: Actually, there is a much simpler fix than what I was thinking before. In body, change background-position to: 215px, 0px And in #main, add the line: margin-top: 0px; That should fix it. If you have any other problems let me know, I'm fairly decent with css. I actually had this exact same problem with a userlookup I'm currently working on, lol! Edited June 12, 2012 by tamashiiresonance Quote Link to comment Share on other sites More sharing options...
ClatoEverlark Posted June 12, 2012 Share Posted June 12, 2012 I say you shouldn't worry 'cause someone rarely uses IE anymore. Quote Link to comment Share on other sites More sharing options...
tamashiiresonance Posted June 12, 2012 Share Posted June 12, 2012 I say you shouldn't worry 'cause someone rarely uses IE anymore. Lol, this is true ^ however I was able to see the misalignments on Firefox and Chrome. Quote Link to comment Share on other sites More sharing options...
Hidden Oracle Posted June 12, 2012 Author Share Posted June 12, 2012 Edit: Actually, there is a much simpler fix than what I was thinking before. In body, change background-position to: 215px, 0px And in #main, add the line: margin-top: 0px; That should fix it. If you have any other problems let me know, I'm fairly decent with css. I actually had this exact same problem with a userlookup I'm currently working on, lol! Thank you so much! :D Actually I have another question too. xD The header for the Games/Trophy section is shorter than the rest of the headers, and I can't figure out why. D: If I try to change it, everything else changes too. D: Quote Link to comment Share on other sites More sharing options...
tamashiiresonance Posted June 12, 2012 Share Posted June 12, 2012 The header for the Games/Trophy section is shorter than the rest of the headers, and I can't figure out why. D: If I try to change it, everything else changes too. D: Under #usertrophies change width to 134.5%. Yes, that... 134% was what you have now and 135% was too wide lol. Quote Link to comment Share on other sites More sharing options...
Hidden Oracle Posted June 13, 2012 Author Share Posted June 13, 2012 Under #usertrophies change width to 134.5%. Yes, that... 134% was what you have now and 135% was too wide lol. Oh hey, it worked! xD Thank you so much! :D You're really good at this. xD 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.