WEB different outcomes with ff and ie

Discussion in 'OT Technology' started by drpepper, Jul 30, 2008.

  1. drpepper

    drpepper Active Member

    Joined:
    Nov 13, 2006
    Messages:
    38,076
    Likes Received:
    2
    Location:
    San Antonio
    http://tf2maps.net/cad/

    if you hover over the links at the top, in firefox, you get a very thick border and with ie you get a full background color change.

    while both are ok, i want to have them both be the same on both browsers.

    here is the html

    Code:
    <div id="links">
                    <div class="navlinks"><a href="#"><img src="images/main.gif" border="0" /></a></div>
                    <div class="navlinks"><a href="#"><img src="images/about.gif" border="0" /></a></div>
                    <div class="navlinks"><a href="#"><img src="images/portfolio.gif" border="0" /></a></div>
                    <div class="navlinks"><a href="#"><img src="images/resume.gif" border="0" /></a></div>
                    <div class="navlinks"><a href="#"><img src="images/contact.gif" border="0" /></a></div>
                </div>
    here is the css

    Code:
    a.link {
    color: #fff;
    }
    a:hover {
    background-color: #d3d3d3;
    }
    
    #links {
    border-bottom: 1px solid #808080;
    background-color: #404040;
    height: 125px;
    width: 100%;
    clear: both;
    float: left;
    }
    
    .navlinks {
    border-right: 1px solid #808080;
    background-color: #686868;
    width: 125px;
    height: 125px;
    display: inline;
    float: left;
    }

    ps. i know my coding is retarded, but i just want to make it work.
     
  2. drpepper

    drpepper Active Member

    Joined:
    Nov 13, 2006
    Messages:
    38,076
    Likes Received:
    2
    Location:
    San Antonio
    also just noticed the image on the far left mid section doesnt mesh with the background in ie, but it does in ff. :ugh:
     
  3. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,918
    Likes Received:
    10
    Location:
    Los Angeles
    ie conditionals
     
  4. drpepper

    drpepper Active Member

    Joined:
    Nov 13, 2006
    Messages:
    38,076
    Likes Received:
    2
    Location:
    San Antonio
    well its a png file with the same color hex code that #main background color is.
     
  5. drpepper

    drpepper Active Member

    Joined:
    Nov 13, 2006
    Messages:
    38,076
    Likes Received:
    2
    Location:
    San Antonio
    my head just exploded
     
  6. Ender0910

    Ender0910 woot!

    Joined:
    Jun 1, 2004
    Messages:
    3,039
    Likes Received:
    0
    Location:
    Redmond/Bay Area
    welcome to web development :mamoru:

    but if you change this:

    Code:
    a:hover {
    background-color: #d3d3d3;
    }
    to
    Code:
    .navlinks:hover {
    background-color: #d3d3d3;
    }
    you might get more consistant behavior.
     
  7. drpepper

    drpepper Active Member

    Joined:
    Nov 13, 2006
    Messages:
    38,076
    Likes Received:
    2
    Location:
    San Antonio
    holy fuck that fixed it. thanks :bowdown:
     
  8. 95vr4

    95vr4 OT Supporter

    Joined:
    Oct 6, 2004
    Messages:
    2,513
    Likes Received:
    0
    Location:
    Weddington, NC
    lol...You beat me to it :squint:

    It's unbelievable how IE is still such a POS, with all the resources and time MS has had to develop it.
     
  9. biawokauns

    biawokauns New Member

    Joined:
    Sep 18, 2001
    Messages:
    19,893
    Likes Received:
    0
    Location:
    Republic of Kalifornia
    you could have referenced #links instead of .navlinks bro
     

Share This Page