CSS menu troubles (Internet Explorer)

Discussion in 'HTML' started by King of Red Lions, Jun 28, 2004.

  1. Hey all! I'm trying to create a decent CSS menu and have run into major
    problems, namely Internet Explorer. This is my site with the menu on it
    www.paradisa.net/softek If you look at the menu in Mozilla it is just how I
    want it to be, but if you look through Internet Explorer it doesn't look so
    great. What attribute of my CSS do I have wrong? Is there anything I can
    change so it will look the same in Internet Explorer? Here is the CSS I
    used.

    ..menu1 {
    width: 164px;
    color: #444488;
    background-color: #FFFFFF;
    padding: 3px 0 3px 10px;
    display: block;
    border-bottom: 1px solid #EFEDED;
    font: 13px Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    }

    ..menu1:hover {
    background-color: #ECF5FF;
    color: #444488;
    text-decoration: none;
    }

    ..menu2 {
    width: 156px;
    color: #444488;
    background-color: #FFFFFF;
    padding: 3px 0 3px 18px;
    display: block;
    border-bottom: 1px solid #EFEDED;
    font: 13px Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    }

    ..menu2:hover {
    background-color: #ECF5FF;
    color: #444488;
    text-decoration: none;
    }

    Any help would be much appreciated. Thanks!
     
    King of Red Lions, Jun 28, 2004
    #1
    1. Advertisements

  2. King of Red Lions

    Peter Smit Guest

    King of Red Lions wrote:
    > Hey all! I'm trying to create a decent CSS menu and have run into major
    > problems, namely Internet Explorer. This is my site with the menu on it
    > www.paradisa.net/softek If you look at the menu in Mozilla it is just how I
    > want it to be, but if you look through Internet Explorer it doesn't look so
    > great. What attribute of my CSS do I have wrong? Is there anything I can
    > change so it will look the same in Internet Explorer? Here is the CSS I
    > used.
    >
    > .menu1 {
    > width: 164px;
    > color: #444488;
    > background-color: #FFFFFF;
    > padding: 3px 0 3px 10px;
    > display: block;
    > border-bottom: 1px solid #EFEDED;
    > font: 13px Arial, sans-serif;
    > font-weight: bold;
    > text-decoration: none;
    > text-align: left;
    > }
    >
    > .menu1:hover {
    > background-color: #ECF5FF;
    > color: #444488;
    > text-decoration: none;
    > }
    >
    > .menu2 {
    > width: 156px;
    > color: #444488;
    > background-color: #FFFFFF;
    > padding: 3px 0 3px 18px;
    > display: block;
    > border-bottom: 1px solid #EFEDED;
    > font: 13px Arial, sans-serif;
    > font-weight: bold;
    > text-decoration: none;
    > text-align: left;
    > }
    >
    > .menu2:hover {
    > background-color: #ECF5FF;
    > color: #444488;
    > text-decoration: none;
    > }
    >
    > Any help would be much appreciated. Thanks!

    looks the same to me in Mozilla and IE5
    Peter
     
    Peter Smit, Jun 28, 2004
    #2
    1. Advertisements

  3. King of Red Lions

    Mark Parnell Guest

    On 28 Jun 2004 16:37:04 GMT, King of Red Lions <> declared in
    alt.html:

    > Hey all! I'm trying to create a decent CSS menu and have run into major
    > problems, namely Internet Explorer.


    Don't we all? :)

    > This is my site with the menu on it
    > www.paradisa.net/softek If you look at the menu in Mozilla it is just how I
    > want it to be, but if you look through Internet Explorer it doesn't look so
    > great.


    First of all, try adding a doctype that triggers Standards mode (either
    add the URI to the Transitional doctype, or even better use Strict).

    Then fix your validation errors:
    http://validator.w3.org/check?verbose=1&uri=http://www.paradisa.net/softek/
    http://jigsaw.w3.org/css-validator/...warning=2&uri=http://www.paradisa.net/softek/

    Once you've done that, come back if you are still having problems. :)

    --
    Mark Parnell
    http://www.clarkecomputers.com.au
    "Never drink rum&coke whilst reading usenet" - rf 2004
     
    Mark Parnell, Jun 29, 2004
    #3
    1. Advertisements

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Ken Yu
    Replies:
    8
    Views:
    817
    Justin Beckwith
    Nov 2, 2004
  2. cmay
    Replies:
    0
    Views:
    1,401
  3. Erik Harris

    CSS :hover and Internet Explorer 6?

    Erik Harris, Jun 25, 2003, in forum: HTML
    Replies:
    6
    Views:
    79,434
    Erik Harris
    Jun 26, 2003
  4. Safran von Twesla

    css & frames & internet explorer 6.x

    Safran von Twesla, Jan 27, 2004, in forum: HTML
    Replies:
    6
    Views:
    670
    John C
    Jan 28, 2004
  5. Thorben Grosser

    CSS + Firefox + Internet Explorer

    Thorben Grosser, Feb 14, 2005, in forum: HTML
    Replies:
    5
    Views:
    805
    dorayme
    Feb 19, 2005
  6. Replies:
    1
    Views:
    712
    Mike Placentra II
    Oct 4, 2007
  7. Ed Hauptman
    Replies:
    7
    Views:
    1,331
    Ed Hauptman
    Aug 7, 2009
  8. John Smith
    Replies:
    1
    Views:
    363
    Evertjan.
    Mar 12, 2005
Loading...