strangest thing i have ever... can you see why

Discussion in 'HTML & Website Design' started by oo7ml, Mar 25, 2008.

  1. #1
    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
     
    oo7ml, Mar 25, 2008 IP
  2. oo7ml

    oo7ml Well-Known Member

    Messages:
    656
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    105
    #2
    anyone... please...
     
    oo7ml, Mar 25, 2008 IP
  3. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #3
    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.
     
    wd_2k6, Mar 25, 2008 IP
  4. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #4
    First quick observation: IE is in quirks mode because you have "stuff" before the doctype. Remove those comments before the doctype.
     
    drhowarddrfine, Mar 25, 2008 IP
  5. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #5
    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.
     
    drhowarddrfine, Mar 25, 2008 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    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.
     
    deathshadow, Mar 25, 2008 IP
  7. Boulder

    Boulder Well-Known Member

    Messages:
    806
    Likes Received:
    46
    Best Answers:
    0
    Trophy Points:
    118
    #7

    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
     
    Boulder, Mar 25, 2008 IP
  8. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #8
    No. Did you read Deathshadows post? Code for all browsers at ONCE.
     
    blueparukia, Mar 26, 2008 IP
  9. Dollar

    Dollar Active Member

    Messages:
    2,598
    Likes Received:
    82
    Best Answers:
    0
    Trophy Points:
    90
    #9
    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?
     
    Dollar, Mar 26, 2008 IP
  10. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #10
    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.
     
    drhowarddrfine, Mar 26, 2008 IP