Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Apr 2007
    Posts
    141
    Thanks
    3
    Thanked 1 Time in 1 Post

    FF IE and Opera css differences

    could somebody help me to make this left pop out menus come up in the same line as IE and Opera ?
    if you notice in FF, the pop out menus is down a lil bit...... from the parent. Idk how to describe this.. hahaa.. please look at this pic

    http://img86.imageshack.us/img86/7894/aaxj2.jpg

    and here is the css....i also have problem on text-indent:... why is it not working? does my css work effectively? any suggestion?THANKS guYs

    <style type="text/css">

    #dropmenudiv{
    position:absolute;
    font:normal 11px Arial;
    line-height:25px;
    z-index:100;
    border-style: solid;
    border-width: 1px 1px;
    }

    #dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    padding: 0;
    text-decoration: none;
    font-weight: normal;
    color: black;
    border-bottom-width: thin;
    border-top-width: thin;
    background-color:white;
    z-index:100;

    }

    #dropmenudiv a:hover{ /*hover background color*/
    background-color: #A07E40;
    }

    </style>

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    We really need either the full code or better still a url (site) address to view the page.
    How do you expect us to help you with only the css.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,478
    Thanks
    6
    Thanked 981 Times in 954 Posts
    Put a proper doctype in your document ((X)HTML strict) and then validate your code. Clean, valid, and semantic code is the foundation to a cross browser compatible website.

    For more specific advice refer to Frank’s reply.

  • #4
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,465
    Thanks
    0
    Thanked 634 Times in 624 Posts
    If that is all the relevant CSS then default margins and padding may explain the different placement.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •