14 Replies Latest reply on Jun 10, 2010 11:44 PM by Richard_vav

    Logo doesn't display in IE7

    kthomp44@verizon.net

      Hi, New to Dreamweaver.  Followed basic design example from a CS5 class by James Williamson on Lynda.com.  All layout and standard features including images and background images are fine except my logo.  It is positioned absolutely in upper left corner within the body, wrapper and header div. When previewing in browser lab the logo doesn't display in IE7.  Works fine in other browsers and IE8.  On browser compatibility check I get mention of float drop on my footer, but I don't think that would be my problem.  Please help me.  I want to make a template, but not with an image problem.

        • 1. Re: Logo doesn't display in IE7
          Ben M Adobe Community Professional

          Can you post a link to the page in question or the CSS/HTML code from the page?

          • 2. Re: Logo doesn't display in IE7
            Richard_vav Level 3

            As a first step to identifying the problem may I suggest that you use to w3c validators, which will identify any problems in your pages and any external style sheets.

             

            To validate your html page use this link http://validator.w3.org/

            To validate your css use this link http://jigsaw.w3.org/css-validator/

             

            Once you have done that if you report back with any problems they identify and a link to the page in question or copy and paste the code we can try to help.

             

            Richard

            1 person found this helpful
            • 3. Re: Logo doesn't display in IE7
              kthomp44@verizon.net Level 1

              Thank you Richard.  I used both validations and only received error & warning for ampersand in line 94.  No problems with my main.css  I'll try the fix later.  I guess I have to copy and paste the code, I don't know how to get you a link since the file is still local.  I'll start with htm page.  Excuse my novice skills.  I also put extra code in to try and fix float drop error, to no avail.  Thank you.

               

              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

              <html xmlns="http://www.w3.org/1999/xhtml">

              <head>

              <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

              <!--[if IE]>

              <style type="text/css">

                body {word-wrap: break-word;}

              </style>

              <![endif]-->

               

              <title>base template</title>

              <link href="_css/main.css" rel="stylesheet" type="text/css" />

              <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

              <link href="_css/newspry.css" rel="stylesheet" type="text/css" />

              </head>

               

              <body id="body">

              <div id="wrapper">

                <div id="header"></div>

                <div id="mainNav">

                  <ul id="MenuBar1" class="MenuBarVertical">

                    <li><a href="#">Home</a></li>

                    <li><a href="#" class="MenuBarItemSubmenu">Services</a>

                      <ul>

                        <li><a href="#" class="MenuBarItemSubmenu">Wellness Care</a>

                          <ul>

                            <li><a href="#">Puppies &amp; Kittens</a></li>

                            <li><a href="#">Vaccinations</a></li>

                            <li><a href="#">Parasite Prevention</a></li>

                            <li><a href="#">Senior Pet Care</a></li>

                          </ul>

                        </li>

                        <li><a href="#">Exotics</a></li>

                        <li><a href="#">General Surgery</a></li>

                        <li><a href="#">Dental Care</a></li>

                        <li><a href="#">Spay &amp; Neuter</a></li>

                        <li><a href="#">Pain Management</a></li>

                        <li><a href="#">Boarding</a></li>

                        <li><a href="#">Microchipping</a></li>

                        <li><a href="#">End of Life Care</a></li>

                      </ul>

                    </li>

                    <li><a class="MenuBarItemSubmenu" href="#">About Us</a>

                      <ul>

                        <li><a href="#">Doctors</a></li>

                        <li><a href="#">Staff</a></li>

                        <li><a href="#">Tour</a></li>

                      </ul>

                    </li>

                    <li><a href="#" class="MenuBarItemSubmenu">Admissions</a>

                      <ul>

                        <li><a href="#">Appointments</a></li>

                        <li><a href="#">Boarding Reservations</a></li>

                        <li><a href="#">New Clients</a></li>

                        <li><a href="#">Accepted Payment</a></li>

                      </ul>

                    </li>

                    <li><a href="#">Rx Refills</a></li>

                    <li><a href="#">Pet Gallery</a></li>

                    <li><a href="#">Pet Resources</a></li>

                    <li><a href="#">Community Involvement</a></li>

                    <li><a href="#">News</a></li>

                    <li><a href="#" class="MenuBarItemSubmenu">Contact Us</a>

                      <ul>

                        <li><a href="#">Map</a></li>

                        <li><a href="#">Hours</a></li>

                        <li><a href="#">Email</a></li>

                        <li><a href="#">Comments</a></li>

                      </ul>

                    </li>

                  </ul>

                </div>

                <div id="mainContent">

                  <div id="target">

                    <div id="bullseye"></div>

                    <div id="afterhours">After Hours Emergencies</div>

                  </div>

                  <h1 id="pageID">Our Mission</h1>

                  <p>Our mission is to provide your pets with quality veterinary  care in a compassionate and caring environment and to provide our pet owners  with the information they need to enjoy life with their pets to the fullest.<br />

                    A veterinary hospital serving the Lakeland, Florida  community since 1993.</p>

                  <img src="_images/hospfrontcynthia_edited-1-3.jpg" width="320" height="213" alt="hospital" />

                  <h2>h2 sample</h2>

                  <h3 id="mainarticle">h3 sample</h3>

                  <p> </p>

                  <p>this is a paragraph. This paragraph 2 in the main article in main content. Descendent selectors make up 90% of CSS styles. </p>

                </div>

                <div id="sidebar"></div>

                <div id="footer">

                  <div class="footer" id="footerNav">

                    <h1 >Thompson Animal Hospital</h1>

                    <p>6615 S. Florida Ave</p>

                    <p> Lakeland, Florida  33813 </p>

                    <p>(863)648-4886</p>

                    <h1>Map & Directions    ׀     Email Us </h1>

                    <h2><strong> Monday – Friday </strong></h2>

                    <p>8 am – 5 pm </p>

                    <h2><strong>Saturday </strong></h2>

                    <p>8:30 – 12 noon </p>

                    <h2><strong>Sunday </strong></h2>

                    <p>Closed </p>

                    <p></p>

                  </div>

                  <div id="footerNav2">Content for  id "footerNav2" Goes Here</div>

                </div>

                <script type="text/javascript">

              var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

                </script>

              </div>

               

              </body>

              </html>

              my main.css
              a {
              color: #3366CC;
              text-decoration: none
              }
              /*^1-----------------global constants-----------*/
              html, body {
              margin: 0px;
              padding: 0px;
              }
              h1, h2, h3, h4, h5, p, address, blockquote, div, ul, li {
              margin: 0;
              padding: 0;
              }
              p {
              color: #333;
              line-height: 1.8;
              margin-bottom: 1em;
              }
              a:link, a:visited {
              color: #FFC559;
              text-decoration: none;
              }
              a:hover, a:active {
              color: #F60;
              border-bottom: 1px dashed #F60;
              }
              body {
              background: #FC6 url(../_images/grad3.gif) repeat-x;
              text-align: center;
              margin-top: 25px;
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 100%;
              line-height: 2em;
              }
              h1,h2,h3 {
              clear: both;
              }
              #wrapper {
              background: #fff;
              width: 930px;
              text-align: left;
              margin-top: 0px;
              margin-right: auto;
              margin-left: auto;
              position: relative;
              }
              #target {
              height: 40px;
              width: 200px;
              left: 5px;
              float: right;
              padding-right: 10px;
              padding-left: 5px;
              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
              font-size: 0.8em;
              font-weight: normal;
              color: #C03;
              }
              #header {
              background: url(../_images/TAH_logo_web200x126.jpg);
              height: 132px;
              width: 206px;
              position: absolute;
              left: 3px;
              top: 3px;
              }
              #bullseye {
              background: #FFF url(../_images/target.gif) no-repeat;
              float: left;
              height: 26px;
              width: 26px;
              margin-top: 5px;
              padding: 3px;
              overflow:hidden
              }
              #afterhours {
              margin-left: 38px;
              padding: 3px;
              }
              /*----- color guide -----
              #FFC559   BUBBLES ORANGE
              #9CC2E2  LESTER BLUE
              #BCBFC2  GRAY
              #C00           RED
              #69C            darker than lester blue                */
              h1 {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1.2em;
              line-height: 1.8em;
              font-weight: bold;
              color: #69C;
              margin-bottom: 0.4em
              }
              h2 {font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1.6em;
              color: #BCBFC2;
              font-weight: normal;
              margin: 1.2em 0 1em;
              }
              h3 {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1.3em;
              color: #666;
              font-weight: normal;
              margin: 1.2em 0 0.5em;
              }
              h4 {
              color: #000000
              }
              #mainNav {
              background: #fff;
              float: left;
              margin-top: 150px;
              width: 200px;
              }
              #mainContent {
              background: #fff;
              width: 670px;
              float: right;
              margin-bottom: 45px;
              padding-right: 25px;
              margin-top: 0px;
              }
              #mainContent h1 {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1.8em;
              margin-bottom: 0.4em;
              font-weight: bold;
              clear: both;
              }
              #mainContent h1#pageID {
              font-size: 1.4em;
              font-weight: bold;
              margin-top: 46px;
              padding-bottom: 0.25em;
              border-bottom: 2px solid #69C;
              }
              #mainContent p {
              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
              font-size: 1em;
              margin-bottom: 1em;
              }
              #mainContent h2 {
              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
              font-size: 1.6em;
              line-height: 1.4;
              color: #999;
              margin-bottom: 1em;
              margin-top: 1.2em;
              }
              #mainContent h3 {
              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
              font-size: 1.3em;
              line-height: 1.2;
              color: #999;
              margin: 1.25em 0 0.5em;
              }
              table {
              color: #FFFFFF
              }
              td, th {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1em;
              line-height: 2em;
              color: #333333
              }
              textarea {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1em
              }
              ul {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1em;
              list-style-type: square;
              list-style-position: outside
              }
              .BulletBackgroundColor {
              color: #FFFFFF
              }
              .DataColor {
              color: #DEDECA
              }
              .footer {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1.167em;
              font-weight: bold;
              line-height: 1.83em;
              color: #333333;
              background-color: #CCCCCC;
              overflow: hidden;
              }
              .FormBackgroundColor {
              color: #CCCCCC
              }
              .ImageTitleColor {
              color: #CCCCCC
              }
              .LabelColor {
              color: #CCCCCC
              }
              .ListColorEven {
              color: #CCCCCC
              }
              .ListFooterColor {
              color: #333333
              }
              .ListHeaderColor {
              color: #333333
              }
              .ListColorOdd {
              color: #DEDECA
              }
              .ListTitleColor {
              color: #CCCCCC
              }
              .NavigationBackgroundColor {
              color: #666666
              }
              .NavigationColor {
              color: #CCCCCC
              }
              .NewsDataColor {
              color: #DEDECA
              }
              #sidebar {
              background: #FCC;
              width: 200px;
              clear: left;
              float: left;
              font-size: 0.9em;
              line-height: 1.2;
              }
              #footer {
              background: url(../_images/tahext.gif) no-repeat;
              height: 525px;
              width: 870px;
              padding: 45px 30px 30px;
              clear: both;
              margin-top: 45px;
              font-size: 0.7em;
              overflow:hidden;
              }
              .StoryTitle {
              color: #000000;
              font-weight: bold
              }
              .StoryContentColor {
              color: #000000
              }
              .TitleColor {
              color: #000000
              }
              a:hover {
              text-decoration: underline
              }
              tr.ListHeaderColor th {
              text-align: left;
              }.small {
              font-size: 85%;
              }
              #pageID {
              }
              #footerNav {
              margin: 0px;
              width: 210px;
              background: #FC6;
              float: left;
              }
              #footer #footerNav p {
              text-align: left;
              line-height: 0.5px;
              color: #666;
              font-weight: normal;
              }
              #footer #footerNav h1 {
              font-size: 1em;
              line-height: 1.8em;
              font-weight: bold;
              color: #369;
              font-variant: normal;
              overflow: hidden;
              }
              #footer #footerNav h2 {
              color: #666;
              font-size: 1em;
              line-height: 0.5em;
              font-weight: normal;
              }
              #footerNav2 {
              margin: 0px;
              float: right;
              height: 300px;
              width: 200px;
              clear: right;
              top: auto;
              right: auto;
              }

               

              a {

              color: #3366CC;

              text-decoration: none

              }

              /*^1-----------------global constants-----------*/

               

              html, body {

              margin: 0px;

              padding: 0px;

              }

              h1, h2, h3, h4, h5, p, address, blockquote, div, ul, li {

              margin: 0;

              padding: 0;

              }

               

              p {

              color: #333;

              line-height: 1.8;

              margin-bottom: 1em;

              }

              a:link, a:visited {

              color: #FFC559;

              text-decoration: none;

              }

              a:hover, a:active {

              color: #F60;

              border-bottom: 1px dashed #F60;

              }

              body {

              background: #FC6 url(../_images/grad3.gif) repeat-x;

              text-align: center;

              margin-top: 25px;

              font-family: Georgia,

                           Palatino,

                           "Palatino Linotype",

                           Times,

                           "Times New Roman",

                           serif;

              font-size: 100%;

              line-height: 2em;

              }

              h1,h2,h3 {

              clear: both;

              }

               

               

              #wrapper {

              background: #fff;

              width: 930px;

              text-align: left;

              margin-top: 0px;

              margin-right: auto;

              margin-left: auto;

              position: relative;

              }

              #target {

              height: 40px;

              width: 200px;

              left: 5px;

              float: right;

              padding-right: 10px;

              padding-left: 5px;

              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;

              font-size: 0.8em;

              font-weight: normal;

              color: #C03;

              }

              #header {

              background: url(../_images/TAH_logo_web200x126.jpg);

              height: 132px;

              width: 206px;

              position: absolute;

              left: 3px;

              top: 3px;

              }

               

              #bullseye {

              background: #FFF url(../_images/target.gif) no-repeat;

              float: left;

              height: 26px;

              width: 26px;

              margin-top: 5px;

              padding: 3px;

              overflow:hidden

              }

              #afterhours {

              margin-left: 38px;

              padding: 3px;

              }

               

              /*----- color guide -----

              #FFC559   BUBBLES ORANGE

              #9CC2E2  LESTER BLUE

              #BCBFC2  GRAY

              #C00           RED

              #69C            darker than lester blue                */

               

              h1 {

              font-family: Georgia,

                           Palatino,

                           "Palatino Linotype",

                           Times,

                           "Times New Roman",

                           serif;

               

              font-size: 1.2em;

              line-height: 1.8em;

              font-weight: bold;

              color: #69C;

              margin-bottom: 0.4em

              }

               

              h2 {font-family: Georgia,

                           Palatino,

                           "Palatino Linotype",

                           Times,

                           "Times New Roman",

                           serif;

              font-size: 1.6em;

              color: #BCBFC2;

              font-weight: normal;

              margin: 1.2em 0 1em;

              }

               

              h3 {

              font-family: Georgia,

                           Palatino,

                           "Palatino Linotype",

                           Times,

                           "Times New Roman",

                           serif;

              font-size: 1.3em;

              color: #666;

              font-weight: normal;

              margin: 1.2em 0 0.5em;

              }

               

              h4 {

              color: #000000

              }

              #mainNav {

              background: #fff;

              float: left;

              margin-top: 150px;

              width: 200px;

              }

              #mainContent {

              background: #fff;

              width: 670px;

              float: right;

              margin-bottom: 45px;

              padding-right: 25px;

              margin-top: 0px;

              }

               

               

              #mainContent h1 {

              font-family: Georgia,

                           Palatino,

                           "Palatino Linotype",

                           Times,

                           "Times New Roman",

                           serif;

              font-size: 1.8em;

              margin-bottom: 0.4em;

              font-weight: bold;

              clear: both;

              }

              #mainContent h1#pageID {

              font-size: 1.4em;

              font-weight: bold;

              margin-top: 46px;

              padding-bottom: 0.25em;

              border-bottom: 2px solid #69C;

              }

               

              #mainContent p {

              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;

              font-size: 1em;

              margin-bottom: 1em;

              }

              #mainContent h2 {

              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;

              font-size: 1.6em;

              line-height: 1.4;

              color: #999;

              margin-bottom: 1em;

              margin-top: 1.2em;

              }

              #mainContent h3 {

              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;

              font-size: 1.3em;

              line-height: 1.2;

              color: #999;

              margin: 1.25em 0 0.5em;

              }

              table {

              color: #FFFFFF

              }

              td, th {

              font-family: Georgia,

                           Palatino,

                           "Palatino Linotype",

                           Times,

                           "Times New Roman",

                           serif;

               

              font-size: 1em;

              line-height: 2em;

              color: #333333

              }

              textarea {

              font-family: Georgia,

                           Palatino,

                           "Palatino Linotype",

                           Times,

                           "Times New Roman",

                           serif;

               

              font-size: 1em

              }

              ul {

              font-family: Georgia,

                           Palatino,

                           "Palatino Linotype",

                           Times,

                           "Times New Roman",

                           serif;

               

              font-size: 1em;

              list-style-type: square;

              list-style-position: outside

              }

              .BulletBackgroundColor {

              color: #FFFFFF

              }

              .DataColor {

              color: #DEDECA

              }

              .footer {

              font-family: Georgia,

                           Palatino,

                           "Palatino Linotype",

                           Times,

                           "Times New Roman",

                           serif;

              font-size: 1.167em;

              font-weight: bold;

              line-height: 1.83em;

              color: #333333;

              background-color: #CCCCCC;

              overflow: hidden;

              }

              .FormBackgroundColor {

              color: #CCCCCC

              }

              .ImageTitleColor {

              color: #CCCCCC

              }

              .LabelColor {

              color: #CCCCCC

              }

              .ListColorEven {

              color: #CCCCCC

              }

              .ListFooterColor {

              color: #333333

              }

              .ListHeaderColor {

              color: #333333

              }

              .ListColorOdd {

              color: #DEDECA

              }

              .ListTitleColor {

              color: #CCCCCC

              }

               

               

              .NavigationBackgroundColor {

              color: #666666

              }

              .NavigationColor {

              color: #CCCCCC

              }

              .NewsDataColor {

              color: #DEDECA

              }

              #sidebar {

              background: #FCC;

              width: 200px;

              clear: left;

              float: left;

              font-size: 0.9em;

              line-height: 1.2;

              }

               

              #footer {

              background: url(../_images/tahext.gif) no-repeat;

              height: 525px;

              width: 870px;

              padding: 45px 30px 30px;

              clear: both;

              margin-top: 45px;

              font-size: 0.7em;

              overflow:hidden;

              }

               

               

              .StoryTitle {

              color: #000000;

              font-weight: bold

              }

              .StoryContentColor {

              color: #000000

              }

              .TitleColor {

              color: #000000

              }

              a:hover {

              text-decoration: underline

              }

              tr.ListHeaderColor th {

              text-align: left;

              }.small {

              font-size: 85%;

              }

              #pageID {

              }

              #footerNav {

              margin: 0px;

              width: 210px;

              background: #FC6;

              float: left;

              }

              #footer #footerNav p {

              text-align: left;

              line-height: 0.5px;

              color: #666;

              font-weight: normal;

              }

              #footer #footerNav h1 {

              font-size: 1em;

              line-height: 1.8em;

              font-weight: bold;

              color: #369;

              font-variant: normal;

              overflow: hidden;

              }

              #footer #footerNav h2 {

              color: #666;

              font-size: 1em;

              line-height: 0.5em;

              font-weight: normal;

              }

              #footerNav2 {

              margin: 0px;

              float: right;

              height: 300px;

              width: 200px;

              clear: right;

              top: auto;

              right: auto;

              }

              a {
              color: #3366CC;
              text-decoration: none
              }
              /*^1-----------------global constants-----------*/
              html, body {
              margin: 0px;
              padding: 0px;
              }
              h1, h2, h3, h4, h5, p, address, blockquote, div, ul, li {
              margin: 0;
              padding: 0;
              }
              p {
              color: #333;
              line-height: 1.8;
              margin-bottom: 1em;
              }
              a:link, a:visited {
              color: #FFC559;
              text-decoration: none;
              }
              a:hover, a:active {
              color: #F60;
              border-bottom: 1px dashed #F60;
              }
              body {
              background: #FC6 url(../_images/grad3.gif) repeat-x;
              text-align: center;
              margin-top: 25px;
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 100%;
              line-height: 2em;
              }
              h1,h2,h3 {
              clear: both;
              }
              #wrapper {
              background: #fff;
              width: 930px;
              text-align: left;
              margin-top: 0px;
              margin-right: auto;
              margin-left: auto;
              position: relative;
              }
              #target {
              height: 40px;
              width: 200px;
              left: 5px;
              float: right;
              padding-right: 10px;
              padding-left: 5px;
              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
              font-size: 0.8em;
              font-weight: normal;
              color: #C03;
              }
              #header {
              background: url(../_images/TAH_logo_web200x126.jpg);
              height: 132px;
              width: 206px;
              position: absolute;
              left: 3px;
              top: 3px;
              }
              #bullseye {
              background: #FFF url(../_images/target.gif) no-repeat;
              float: left;
              height: 26px;
              width: 26px;
              margin-top: 5px;
              padding: 3px;
              overflow:hidden
              }
              #afterhours {
              margin-left: 38px;
              padding: 3px;
              }
              /*----- color guide -----
              #FFC559   BUBBLES ORANGE
              #9CC2E2  LESTER BLUE
              #BCBFC2  GRAY
              #C00           RED
              #69C            darker than lester blue                */
              h1 {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1.2em;
              line-height: 1.8em;
              font-weight: bold;
              color: #69C;
              margin-bottom: 0.4em
              }
              h2 {font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1.6em;
              color: #BCBFC2;
              font-weight: normal;
              margin: 1.2em 0 1em;
              }
              h3 {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1.3em;
              color: #666;
              font-weight: normal;
              margin: 1.2em 0 0.5em;
              }
              h4 {
              color: #000000
              }
              #mainNav {
              background: #fff;
              float: left;
              margin-top: 150px;
              width: 200px;
              }
              #mainContent {
              background: #fff;
              width: 670px;
              float: right;
              margin-bottom: 45px;
              padding-right: 25px;
              margin-top: 0px;
              }
              #mainContent h1 {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1.8em;
              margin-bottom: 0.4em;
              font-weight: bold;
              clear: both;
              }
              #mainContent h1#pageID {
              font-size: 1.4em;
              font-weight: bold;
              margin-top: 46px;
              padding-bottom: 0.25em;
              border-bottom: 2px solid #69C;
              }
              #mainContent p {
              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
              font-size: 1em;
              margin-bottom: 1em;
              }
              #mainContent h2 {
              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
              font-size: 1.6em;
              line-height: 1.4;
              color: #999;
              margin-bottom: 1em;
              margin-top: 1.2em;
              }
              #mainContent h3 {
              font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
              font-size: 1.3em;
              line-height: 1.2;
              color: #999;
              margin: 1.25em 0 0.5em;
              }
              table {
              color: #FFFFFF
              }
              td, th {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1em;
              line-height: 2em;
              color: #333333
              }
              textarea {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1em
              }
              ul {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1em;
              list-style-type: square;
              list-style-position: outside
              }
              .BulletBackgroundColor {
              color: #FFFFFF
              }
              .DataColor {
              color: #DEDECA
              }
              .footer {
              font-family: Georgia,
                           Palatino,
                           "Palatino Linotype",
                           Times,
                           "Times New Roman",
                           serif;
              font-size: 1.167em;
              font-weight: bold;
              line-height: 1.83em;
              color: #333333;
              background-color: #CCCCCC;
              overflow: hidden;
              }
              .FormBackgroundColor {
              color: #CCCCCC
              }
              .ImageTitleColor {
              color: #CCCCCC
              }
              .LabelColor {
              color: #CCCCCC
              }
              .ListColorEven {
              color: #CCCCCC
              }
              .ListFooterColor {
              color: #333333
              }
              .ListHeaderColor {
              color: #333333
              }
              .ListColorOdd {
              color: #DEDECA
              }
              .ListTitleColor {
              color: #CCCCCC
              }
              .NavigationBackgroundColor {
              color: #666666
              }
              .NavigationColor {
              color: #CCCCCC
              }
              .NewsDataColor {
              color: #DEDECA
              }
              #sidebar {
              background: #FCC;
              width: 200px;
              clear: left;
              float: left;
              font-size: 0.9em;
              line-height: 1.2;
              }
              #footer {
              background: url(../_images/tahext.gif) no-repeat;
              height: 525px;
              width: 870px;
              padding: 45px 30px 30px;
              clear: both;
              margin-top: 45px;
              font-size: 0.7em;
              overflow:hidden;
              }
              .StoryTitle {
              color: #000000;
              font-weight: bold
              }
              .StoryContentColor {
              color: #000000
              }
              .TitleColor {
              color: #000000
              }
              a:hover {
              text-decoration: underline
              }
              tr.ListHeaderColor th {
              text-align: left;
              }.small {
              font-size: 85%;
              }
              #pageID {
              }
              #footerNav {
              margin: 0px;
              width: 210px;
              background: #FC6;
              float: left;
              }
              #footer #footerNav p {
              text-align: left;
              line-height: 0.5px;
              color: #666;
              font-weight: normal;
              }
              #footer #footerNav h1 {
              font-size: 1em;
              line-height: 1.8em;
              font-weight: bold;
              color: #369;
              font-variant: normal;
              overflow: hidden;
              }
              #footer #footerNav h2 {
              color: #666;
              font-size: 1em;
              line-height: 0.5em;
              font-weight: normal;
              }
              #footerNav2 {
              margin: 0px;
              float: right;
              height: 300px;
              width: 200px;
              clear: right;
              top: auto;
              right: auto;
              }

              • 4. Re: Logo doesn't display in IE7
                kthomp44@verizon.net Level 1

                SnakEye, Please see my code in the response to Richard.  The image in question is a 4kb, 200x126 jpg file. I don't know how to send over the image.

                Thanks in advance.  Kim

                • 5. Re: Logo doesn't display in IE7
                  Ken Binney-GnPIX3 Level 4

                  Be sure your image has been saved in web ready format (RGB),  not CMYK

                  • 6. Re: Logo doesn't display in IE7
                    Richard_vav Level 3

                    Kim,

                     

                    I have had a quick look through your code and so far nothing is standing out that maybe causing the problem.  There appears to be nothing wrong with the way you set the logo as the background for the div, so as of yet I am drawing a blank, it's definitely a funny one, you say it works is all browsers except ie7 when tested in browserlab.

                     

                    Out of interest have you checked Ken's suggestion.

                     

                    function(){return A.apply(null,[this].concat($A(arguments)))}

                    Ken Binney wrote:

                     

                    Be sure your image has been saved in web ready format (RBG), not CMYK

                     

                    Richard

                    • 7. Re: Logo doesn't display in IE7
                      kthomp44@verizon.net Level 1

                      Hi Ken,

                      I have a folder of different formats for my logo.  The one used was in the low res web logo folder.  I took one from RGB folder (i think .tif ?) saved it to web format in photoshop as a .gif.  Inserted that in logo place and put the old logo in maincontent.  Logo place is still blank and logo is visible in maincontent.

                      We're talkin IE7 only.   What do you think?  Do I ignore it and go on? 

                      I appreciate you guy helping me.

                      Kim

                      • 8. Re: Logo doesn't display in IE7
                        Ken Binney-GnPIX3 Level 4

                        Well, so far we're batting zero

                         

                        Kindly correct this link and post back

                        http://www.thompsonanimalclinic.com/_images/TAH_logo_web200x126.jpg

                        • 9. Re: Logo doesn't display in IE7
                          kthomp44@verizon.net Level 1

                          I'm confused where or how you

                          got that link.  My current website was made with

                          frontpage and is located at www.thompsonanimalclinic.com

                          .  The new website will be made with dreamweaver and will be at www.

                          thompsonanimalhospital.com .  My server has a spot for the new site, and somewhere he told me how I could test it. I just can't find my notes.

                          I'll get with them to get a "live test"

                          Kim

                          • 10. Re: Logo doesn't display in IE7
                            Ken Binney-GnPIX3 Level 4

                            Waiting for corrected link

                            • 11. Re: Logo doesn't display in IE7
                              kthomp44@verizon.net Level 1

                              Okay I'm not sure if it is what you were aiming at.  I gave you access to my image in my current website.

                              http://www.thompsonanimalclinic.com/logoimage.htm

                               

                              This should work if you're trying to cut and paste into my DW page.

                               

                              Thanks, Kim

                              • 12. Re: Logo doesn't display in IE7
                                kthomp44@verizon.net Level 1

                                Hi Guys, Please don't give up on me.  I have my test site up so you can see  ..

                                AND ... my logo doesn't show in IE8 either!

                                 

                                http://69.89.31.158/~thompss8/

                                 

                                 

                                Hopefully you can point me now.

                                Kim

                                • 13. Re: Logo doesn't display in IE7
                                  Nancy OShea Adobe Community Professional & MVP

                                  Start by validating your code and fixing reported errors.  90% of browser rending problems are code related.

                                   

                                  HTML Errors

                                  http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2F69.89.31.158%2F~thompss8%2F

                                   

                                  CSS:

                                  http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2F69.8 9.31.158%2F~thompss8%2F

                                   

                                   

                                  Nancy O.
                                  Alt-Web Design & Publishing
                                  Web | Graphics | Print | Media  Specialists
                                  http://alt-web.com/
                                  http://twitter.com/altweb
                                  http://alt-web.blogspot.com

                                  • 14. Re: Logo doesn't display in IE7
                                    Richard_vav Level 3

                                    Kim,

                                     

                                    I have just had a look at your site in IE8 and the logo is visible.  Have you checked the w3c validators again, the markup validator is currently reporting 31 errors and 9 warnings, the css validator is reporting no errors and 8 warnings which are all about the same background color being set in multiple places, which isn't really anything to worry about.

                                     

                                    Richard