SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Zealot
    Join Date
    Mar 2002
    Location
    United States
    Posts
    193
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mozilla Users Please Help

    http://www.element87.com

    I've been told there is a side scroll bar in the shoutbox window. It looks fine in IE6, but on an eMac running IE5.1 at school, I get the side scroll bar also.

    How can I fix this?

  2. #2
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    Yes, you'll get that since you are using Micro$oft proprietary CSS for the scrollbars hence Mozilla and basically any other non-M$ browser will just display the standard scrollbars without those pale white colours.

  3. #3
    SitePoint Zealot
    Join Date
    Mar 2002
    Location
    United States
    Posts
    193
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm not referring to the colors, but the size of the input boxes. Is there any way I can use a percentage or pixel setting for the width of the input box?

  4. #4
    Sultan of Ping jofa's Avatar
    Join Date
    Mar 2002
    Location
    SvÝ■jˇ­
    Posts
    4,080
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, your html looks like this...
    <INPUT class=editbox title="Your Name" onfocus=clearText(this) maxLength=30 size=22 name=nick>

    Just add this to voiceit/shoutbox.css:
    .editbox
    {
    ...
    width: 100px;
    }
    or whatever you want

  5. #5
    SitePoint Zealot
    Join Date
    Mar 2002
    Location
    United States
    Posts
    193
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Alright I've fixed that, now take a look here (on Mozilla):

    http://www.element87.com/contact.php

    Why is the last input box not using the CSS? It is the same as the other two inputs...using class=button.

  6. #6
    Sultan of Ping jofa's Avatar
    Join Date
    Mar 2002
    Location
    SvÝ■jˇ­
    Posts
    4,080
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Change

    .button
    {
    background : EEEEEE;
    border : 1 solid C0C0C0;
    color : 777777;
    font-family : Verdana, Tahoma, Arial;
    font-size : 9px;
    font-weight : bold;
    }

    to

    .button
    {
    background : #EEEEEE;
    border : #c0c0c0 1px solid;
    color : #777777;
    font-family : Verdana, Tahoma, Arial;
    font-size : 9px;
    font-weight : bold;
    }

  7. #7
    SitePoint Zealot
    Join Date
    Mar 2002
    Location
    United States
    Posts
    193
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Jofa, you da man. Thanks

    One last question, does Mozilla not support custom scrollbars?

  8. #8
    Super Ninja Monkey Travis's Avatar
    Join Date
    Dec 2001
    Location
    Sioux City, Iowa
    Posts
    691
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No it is M$ proprietary CSS that is not apart of the W3C standard. Mozilla is a standards-based browser.
    Travis Watkins - Hyperactive Coder
    My Blog: Realist Anew
    Projects: Alacarte - Gnome Menu Editor

  9. #9
    Sultan of Ping jofa's Avatar
    Join Date
    Mar 2002
    Location
    SvÝ■jˇ­
    Posts
    4,080
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Trav
    Mozilla is a standards-based browser.
    Yep, and that's why style="background:ff0000;" only give you a red bg colour in IE
    Mozilla requires that you specify either style="background:#ff0000;" or style="background-color:ff0000;"
    IE is more "forgiving"


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
  •