If you visit the following url in FF and click the blue calculator image... what the f*ck is that about... why does the page collapse like that, it should try and open calc.php but instead it just messes the current page up. The other two buttons work fine and the calculator button also works fine in IE6 but for some strange reason FF just does something a little crazy... Has anyone ever seen this before OR does anyone know how to fix it thanks in advance
Just looking i guess there's not enough room for it, so it gets pushed onto the line below. The only thing that i think could cause this is the small 1px dotted line that appears around the button when you click it. So i guess if you removed that then all would be fine, i'm not sure how to do this. Try making room for an extra 10px or so and see if it works then.
First quick observation: IE is in quirks mode because you have "stuff" before the doctype. Remove those comments before the doctype.
And, as always, IE is the problem. You don't have the container, #main, wide enough to contain the #welcome div and the #portals div inline. Because IE is in quirks,, it uses the wrong box model and it will fit. Remove the comments I mentioned. If that doesn't fix it automatically, you'll have to play with the padding or margin or width of #main. Quit trying to fix Firefox and start realizing that IE will almost always be the problem.
Good god - perfect list of how NOT to design a website. Crap flash animation of no content pushing actual page content off the screen at anything less than 960 height displays, flash for navigation (which means the site isn't even functional for my default browsing habits), images for text without even having alt text, nothing remotely resembling semantic markup much less a valid header tag to be found, near nonexistant formatting, presentational markup, presentational images in the markup - much less the stuff the stooges fan pointed out. DrHowardDrFine hit it on the head - you coded to IE, fixing for FF is going to be ice-skating uphill without throwing it all out and starting over... The best way to do that is to start with clean minimalist semantic markup, testing in all the browsers you can install SIMULTANEOUSLY as you make changes top down. Code a section - alt tab to Opera, F5, alt-tab to FF, F5, alt-tab to IE6, F5, Alt-tab to IE7, F5, alt-tab to Safari, F5. What you've done is code an entire page to IE, and are now trying to throw silver bullet fixes at it - which is roughly akin to using chewing gum to fix that hole in the dike.
LOL Yea, I don't know about any one else? But, I learned some time ago, things go better if you design for FF first and once all is peachy on FF, than go through and make it work on IE.. The user functionality aspects on that page are a mess.. Boulder
firefox does that. I've noticed that for awhile. Image can move maby 1 pixel some direction. I see it happen on paypal buttons alot for example, but to this degree where the whole layout gets destroyed I've never seen, quite funny. Good luck fixing it. edit: Oh here i got an example. Visit this in firefox http://www.meoso.com/advertise.php and right click on the e-gold button. It will move up 1 pixel. Barely noticeable. I wonder what causes that?
The gold button is mis-coded. Firefox is doing what is written. They didn't allow for borders properly. IE, as always, screws it up but, because they probably used IE to code it, they didn't notice. Another reason to never use IE to test for proper, valid markup.