A Flash Developer Resource Site

Results 1 to 7 of 7

Thread: CSS problems w/ FF on backgrounds

  1. #1
    Senior Member
    Join Date
    Jan 2006
    Posts
    183

    CSS problems w/ FF on backgrounds

    Hi,

    I have the following CSS code:

    body {font-size: 1px; background-color:CAB69D; font-family: Verdana, Arial, Helvetica, sans-serif;background-image:url(images/pancho.jpg); background-repeat:no-repeat; background-position:top right; background-attachment:fixed; background-color:#CAB69D; scrollbar-arrow-color:#C00000; scrollbar-Track-Color:#CAB69D; scrollbar-Highlight-Color:#CAB69D; scrollbar-base-color:#CAB69D; scrollbar-Face-Color:#CAB69D; scrollbar-Shadow-Color:#C00000; scrollbar-DarkShadow-Color:#CAB69D;}

    .nametext{margin-top: 0px;width: 300px; height: 50px; background-image:url(images/logo.jpg); background-repeat: no-repeat; font-size: 1px; text-align:center;}


    My problem is on the two underlined elements. Surpringly Firefox doesn't render the body bgd colour and the bgd image in the nametext.

    Any thougth on that?

    Thanks

  2. #2
    Retired Mod aversion's Avatar
    Join Date
    Jun 2000
    Location
    insomnia
    Posts
    7,917
    There's no '#' before your colour hex in the body definition. Not sure if that's an actual typo or just a post mistake. IE might ignore that but FF might not.
    Last edited by aversion; 12-21-2006 at 09:17 AM.

  3. #3
    FK's Official Mac Hater jasonsplace's Avatar
    Join Date
    Mar 2002
    Location
    Provo, Utah
    Posts
    2,245
    Also, is there a reason that you have the background color twice in the body section. You should clean that code up a bit.
    Code:
    body {
    font-size: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #CAB69D url(images/pancho.jpg) no-repeat top right fixed; scrollbar-arrow-color:#C00000;
    scrollbar-Track-Color:#CAB69D;
    scrollbar-Highlight-Color:#CAB69D;
    scrollbar-base-color:#CAB69D;
    scrollbar-Face-Color:#CAB69D;
    scrollbar-Shadow-Color:#C00000;
    scrollbar-DarkShadow-Color:#CAB69D;
    }
    
    .nametext{
    margin-top: 0;
    width: 300px;
    height: 50px;
    background:url(images/logo.jpg) no-repeat;
    font-size: 1px;
    text-align:center;
    }
    Jason L. Wright
    I'm not that hard to imitate. Just make some random negative claim at Apple or anything else for that matter and then have nothing to back it up.

  4. #4

    did you solve this?

    I am having the same problem with Firefox not showing my background image.

    Please let me know if you know what is up.

    Thanks,
    Brian

  5. #5
    FK's Official Mac Hater jasonsplace's Avatar
    Join Date
    Mar 2002
    Location
    Provo, Utah
    Posts
    2,245
    Can you provide a link? It's hard to see what's going on without seeing the problem.
    Jason L. Wright
    I'm not that hard to imitate. Just make some random negative claim at Apple or anything else for that matter and then have nothing to back it up.

  6. #6

    link

    This site just a layout for the home page which is very incomplete, but if you look at it in IE it looks much closer to actually working properly. FF does not show the background image in the main content area for some reason.

    http://www.capitalwebtec.com/clients/kls/template.htm

    Thanks in advance for looking at it.
    Brian
    Last edited by blandis; 12-22-2006 at 04:39 PM.

  7. #7
    Senior Member
    Join Date
    Jan 2006
    Posts
    183
    I have the body background color sorted now, but not the text background yet.

    I have the text set at 1px, basically because I can't remove it and want to replace it with a picture. It's in fact the name component on myspace. I have noticed that when I enlarged the text, the background started to show up! I haven't look at it properly yet but will let you know.

Posting Permissions

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




Click Here to Expand Forum to Full Width

HTML5 Development Center