Professional Web Applications Themes

site differences in FireFox from IE 7 - Macromedia Dynamic HTML

I am developing a new site for a research doctor for breast cancer. I have a template and I am using css. The site so for renders find and look right in IE7 but if you see the larger bar at botton in green and the spacing on the left sife at bottom. I also seem to get a dotted dash around adn under all my links in FireFox that I do not get in IE7. Any ideas? I am also attaching my css file. http://www.allsourcecomputing.com/askbreastdr http://www.allsourcecomputing.com/askbreastdr:confused; /* Global Styles */ body { margin:0px; } td { font:11px Arial, Helvetica, ...

  1. #1

    Default site differences in FireFox from IE 7

    I am developing a new site for a research doctor for breast cancer. I have a
    template and I am using css. The site so for renders find and look right in
    IE7 but if you see the larger bar at botton in green and the spacing on the
    left sife at bottom. I also seem to get a dotted dash around adn under all my
    links in FireFox that I do not get in IE7.

    Any ideas? I am also attaching my css file.

    http://www.allsourcecomputing.com/askbreastdr
    http://www.allsourcecomputing.com/askbreastdr:confused;

    /* Global Styles */

    body {
    margin:0px;
    }

    td {
    font:11px Arial, Helvetica, sans-serif;
    color:#666666;
    }

    a {
    color: #003300;
    text-decoration: none;
    }

    a:hover {
    color: #003300;
    text-decoration: underline;
    }

    /* ID Styles */

    #navigation td {
    border-bottom: 1px solid #F4FFE4;
    border-top: 1px solid #F4FFE4;
    }

    #navigation a {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #BD38AD;
    line-height:16px;
    letter-spacing:0.1em;
    text-decoration: none;
    display:block;
    padding:8px 6px 10px 20px;
    }

    #navigation a:hover {
    background: #BD53AF;
    color:#FFFFFF;
    }

    #logo {
    font:normal 30px/30px Arial, Helvetica, sans-serif;
    color: #BD38AD;
    letter-spacing:0.2em;
    }

    #tagline {
    font:lighter 11px/18px Arial, Helvetica, sans-serif;
    color: #BD38AE;
    letter-spacing:0.4em;
    }

    #monthformat {
    border-bottom: 1px dashed #5C743D;
    }

    #dateformat {
    font:bold 11px Arial, Helvetica, sans-serif;
    color: #003300;
    letter-spacing:0.2em;
    }

    #dateformat a {
    font:11px Arial, Helvetica, sans-serif;
    color: #993300;
    font-weight:bold;
    letter-spacing:.1em;
    text-decoration:none;
    }

    #dateformat a:hover {
    color: #F4FFE4;
    letter-spacing:.1em;
    }

    /* Class Styles */

    .bodyText {
    font:12px/18px Arial, Helvetica, sans-serif;
    color:#333333;
    margin-top:0px;
    text-align: justify;
    }
    .bodyText h4 {
    color: #669933;
    font: bolder 13px Arial, Helvetica, sans-serif;
    }


    .pageName{
    font: bold 16px/26px Arial, Helvetica, sans-serif;
    color: #BD38AD;
    letter-spacing:0.21em;
    }

    .subHeader {
    font:bold 12px/18px Arial, Helvetica, sans-serif;
    color: #BD38AD;
    letter-spacing:0.1em;
    }

    .quote {
    font: 20px Arial, Helvetica, sans-serif;
    color: #759DA1;
    line-height:30px;
    }

    .smallText {
    font: 12px/18px Arial, Helvetica, sans-serif;
    color: #333333;
    text-align: justify;
    }
    #copyright {
    text-align: center;
    font: 10px Arial, Helvetica, sans-serif;
    color: #003300;
    text-decoration: none;
    }



    .navText {
    font: 11px Arial, Helvetica, sans-serif;
    color: #333333;
    line-height:16px;
    letter-spacing:0.1em;
    text-decoration: none;
    }

    .topMenu {
    color: #BD38AD;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    }
    .bottomMenu {
    color: #BD38AD;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    }

    allsource Guest

  2. #2

    Default Re: site differences in FireFox from IE 7

    The dotted outline is an accessability thing. By removing it, you have
    removed a visual cue for those who need to use the Tab key instead of a
    mouse. However, you can remove it with -

    outline:none;

    added to your pseudo-class rules for the :hover and :active states.

    Pages that render 'correctly' in IE and incorrectly in FF *always* contain
    errors. Yours is no exception -

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.allsourcecomp uting.com%2Faskbreastdr%2F

    Fix those.

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
    ==================


    "allsource" <com> wrote in message
    news:fpgai9$8fu$macromedia.com... 

    Murray Guest

  3. #3

    Default Re: site differences in FireFox from IE 7

    OK I have fixed the 10 or so errors found at W3C but I still have the same
    problem. Here is the result of the W3c test


    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.allsourcecomputing.com% 2Faskb
    reastdr%2F&cht=%28detect+automatically%29&doct ype=Inline&group=0&verbose=1

    Am I missing something here?



    allsource Guest

  4. #4

    Default Re: site differences in FireFox from IE 7

    Good work.

    For the green bar at the bottom, how do you *want* it to appear? The way it
    does in IE?

    Change this -

    <td width="100%" bgcolor="#C6D7A5"><div align="center" class="bottomMenu">
    <p><a href="#">Privacy</a> | <a href="#">Legal</a> | <a
    href="#">Feedback</a> | <a href="#">Site Map</a></p>

    </div></td>

    to this -

    <td width="100%" bgcolor="#C6D7A5"><div align="center" class="bottomMenu">
    <p style="margin:0;"><a href="#">Privacy</a> | <a href="#">Legal</a> |
    <a href="#">Feedback</a> | <a href="#">Site Map</a></p>

    </div></td>

    The spacing on the left is just caused by your layout methods. To fix it,
    you'd need to get beyond using empty paragraph tags as spacers -


    <p><br />
    &nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><br />
    &nbsp; </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <div id="copyright">
    <p>&copy; 2008 AskBreastDr.com<br />
    All rights reserved<br />
    <br />

    and bring some solid CSS into play, like a top margin on the div#copyright,
    or something.

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
    ==================


    "allsource" <com> wrote in message
    news:fph9sq$bjc$macromedia.com... 

    Murray Guest

Similar Threads

  1. I just want to know the differences :0)
    By Astra in forum MySQL
    Replies: 1
    Last Post: February 14th, 12:52 AM
  2. Differences between IE and Firefox
    By bthouin in forum Dreamweaver AppDev
    Replies: 1
    Last Post: April 8th, 12:55 PM
  3. Replies: 12
    Last Post: February 2nd, 03:44 PM
  4. CS and 7 differences
    By Josh_Martin@adobeforums.com in forum Adobe Photoshop Mac CS, CS2 & CS3
    Replies: 3
    Last Post: February 16th, 04:34 PM

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
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139