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 11 of 11
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    CSS and Mozilla/IE

    Hello-newbie here. Trying to get my CSS to display in Mozilla. I just switched to a new server(inmotion)-worked fine on the other server(godaddy). It was created using a template.

    I have reviewed this over and over and read all the stickies-maybe I simply am not understanding this-still learning.

    Tried to validate the css-here is what I got:

    194 #Nav1 iframe attempt to find a semi-colon before the property name. add it
    194 #Nav1 iframe Property progid doesn't exist : DXImageTransform
    194 #Nav1 iframe Parse Error DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
    197 Parse Error : 3px; } #Nav1 iframe
    213 #Nav1 li ul Parse Error .margin:-34px 0 0 77px;
    217 Parse Error :1000; } #Nav1 li a
    No idea what any of this means. Here is the code from 188 to 219:

    #Nav1 iframe {
    position: absolute;
    /* account for the border */
    left: -0.25em;
    top: -0.25em;
    z-index: 0;
    filter: progidXImageTransform.Microsoft.Alpha(style=0,opacity=0);
    margin-left: 3px;
    }
    #Nav1 iframe {
    position: absolute;
    /* account for the border */
    left: -0.25em;
    top: -0.25em;
    z-index: 0;
    filter: progidXImageTransform.Microsoft.Alpha(style=0,opacity=0);
    margin-left: 3px;
    }
    #Nav1 li {
    }
    #Nav1 li ul {
    position:absolute;
    left: -999em;
    width:155px;
    margin:-34px 0 0 154px;
    .margin:-34px 0 0 77px;
    z-index:1000;
    }

    #Nav1 li a {
    display : block;
    }
    Not sure what I am missing here. Can someone help?

    Thanks.

  • #2
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    There is no such thing in CSS as "filters":
    filter: progidXImageTransform.Microsoft.Alpha(style=0,opacity=0);

    That's a Microsoft only thing that doesn't work anywhere else. Perhaps your page is relying on that for styling but it won't affect the modern browsers like Firefox.

  • #3
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    can I delete it from the code without any adverse effects?

    How should I handle this?
    Last edited by nyc2pdx; 02-16-2009 at 03:46 AM.

  • #4
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    It won't affect any of the modern browsers at all, just IE.

  • #5
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    ok thanks...but back to my original question-why isn't this working in mozilla, and is working in IE? The same code was used on a different server and it was working fine there. All I did was change server hosts.

  • #6
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Can you link us to the live site? That would go a long way to diagnosing the issue without us having to guess about things like filepath extensions, etc.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #7
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Absolutely.

    Www.redlettertoday.com/test/index.htm

    Thanks everyone!

  • #8
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Try changing these:
    Code:
    background-image: url(images\bkg-tile.gif);
    to forward slashes...

    I'll keep looking in the meantime.

    Edit: I should specify that these backslashes are in "theme.css" and in "color_1.css"
    Last edited by Rowsdower!; 02-16-2009 at 03:53 PM.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #9
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    This is definitely a problem also:
    Code:
    background-image: url(images\\main.jpg);
    You can't use a double slash or double backslash in CSS. Fix all of these up and I'll bet it'll be straightened out. I'm not sure why this would have ever worked on another server, but this definitely won't work here...

    Internet explorer has a quirks mode, which is what I would guess is allowing it to find the image files correctly despite the coding error. FF and the rest are more strict.
    Last edited by Rowsdower!; 02-16-2009 at 03:53 PM.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    nyc2pdx (02-17-2009)

  • #10
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    There is no such thing as <font> in XHTML. You must end your <link> tags with /> (the slash). And this charset: us-ascii is old-style and should be changed to 'utf8'.

  • Users who have thanked drhowarddrfine for this post:

    nyc2pdx (02-17-2009)

  • #11
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Whoo hoo! Thanks so much for your help! It worked!



    Jeff


  •  

    Posting Permissions

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