Internet browser creating website errors

Discussion in 'HTML & Website Design' started by dnelsalty, Dec 17, 2012.

  1. #1
    For my website, the sub menu is having problems. The sublinks have a set margin-left for each individual link, but they are different in chrome and firefox. Chrome displays the correct way, where they are all lined up the same. Is it because the buttons are bigger in the different browsers?

    Link: http://dnelsalty.com/UFSAE/

    Thanks in advance
     
    dnelsalty, Dec 17, 2012 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Well that's cryptic... Another post where I'll be buggered if I can make sense of what's even trying to be said.

    That said, looking at the site it's chock full of 'how not to design a website' concepts -- like the fixed outer width, fixed height elements, fixed metric fonts -- and that's just the tip of the iceberg for issues... though much of that goes hand in hand with the HTML 5 nonsense (not a advocate of 5's use for ANYTHING), jquery for nothing, non-semantic markup, gibberish/nonsensical use of numbered heading tags, endless pointless DIV for nothing, inaccessible/improper form structure, comment placements that could trip rendering bugs, classes and ID's everywhere for Christmas only knows what... Do yourself a favor, and read my "what's wrong with your website" articles (see signature) as you've got pretty much all of that in there.

    ... and I'm not seeing any BUTTON tags, so... do you mean the anchors on your menu or something? Hard to tell what you consider 'wrong' since I'm seeing 4 different layouts in four different browser engines, and NONE of them look like intentional design.

    First thing I'd suggest is cleaning up and swinging a giant axe at the markup... switch to a RECOMMENDATION doctype, and clean out all the unnecessary bloat. To that end I'd also axe the blasted image rotating banner since it's forcing you to fixed width and wastes bandwidth on stupid ****... and STOP putting your CSS in multiple files just to make the page load slower...

    Classic case of a 'not viable for web deployment if you care about accessibility' design mated to broken site-building methodologies. Be faster to throw it out and start over clean than try and fix that for cross browser use, much less making it useful to people visiting the page.
     
    deathshadow, Dec 18, 2012 IP