SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Mar 2004
    Location
    spain
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    indent discrepancies - ie and netscape

    I have a jump menu that indents subtexts fine in netscape but does not indent in ie. I have tried replacing padding for margin to no avail.

    Here is the css and a portion of the jumpmenu:

    select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    }
    form
    {
    margin: 10px;
    }
    #optsub
    {
    margin: 0 0 0 10px;
    color: #008080;
    }

    -->
    </style>

    <form name="project">
    <select name="menu1" onChange="MM_jumpMenu('parent',this,1)">
    <option selected>Navigation - Fauna Ibérica Project</option>
    <option value="<?php echo $ruta2; ?>proyecto/" id="optsub">Introduction</option>
    <option value="<?php echo $ruta2; ?>proyecto/proyecto_historia.php">History
    of the Project</option>
    </select>
    </form>

    any ideas how I can make the "optsub" style work in IE?

    Many thanks

    Jarow

  2. #2
    SitePoint Addict xDev's Avatar
    Join Date
    Jul 2003
    Location
    Moncton, New Brunswick, Canada
    Posts
    247
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The only sure way I can see it working in all browsers is if you put non-breaking spaces in front of the text in the options.

    Code:
    ... id="optsub">&nbsp;&nbsp;Introduction</option>
    And take out the margin/padding option in the style.

    -xDev

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Ie only supports the colour and background styles in option elements.

    Quote Originally Posted by msdn
    Except for background-color and color , style settings applied through the style object for the option element are ignored.
    So you'll probably have use &nbsp; as mentioned above.

    Paul

  4. #4
    SitePoint Member
    Join Date
    Mar 2004
    Location
    spain
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by xDev
    The only sure way I can see it working in all browsers is if you put non-breaking spaces in front of the text in the options.

    Code:
    ... id="optsub">&nbsp;&nbsp;Introduction</option>
    And take out the margin/padding option in the style.

    -xDev

    Thanks...apparently the other options are supported..so I'll go the route you suggested. Many thanks.


Bookmarks

Posting Permissions

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