Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Jun 2008
    Posts
    12
    Member #
    16945
    I am having a HORRIBLE time getting my site to look right in IE - weird thing is, I have IE7 on a Windows Platform (through parralells on my Mac) and I can get it to look fine, but my client has IE7 - and the logo is always "out of bounds" I am new, and I have tried several different condition comments, etc. I think I finally got it right - but I'm not sure. Here is my code: I warn you, its really messy, and for that I am so sorry, I just really need to get it corrected. I have done a lot of research on the whole CSS issue, I am just unsure of what principles I need to apply to this situation. Thank you SO MUCH for any help! Here goes:

    <?xml version="1.0" encoding="iso-8859-1"?>
    <!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">

    <!-- DW6 -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>In Light Of Touch - Skin Care</title>
    <style type="text/css">
    <!--
    -->
    </style>
    </head>
    <!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
    <link rel="shortcut icon" href="/favicon.ico">
    <title>In Light of Touch - Massage</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="mm_lodging1.css" type="text/css" />
    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="IE7styles.css" /><![endif]-->
    <style type="text/css">
    <!--
    body {
    background-image: url(canvas.jpg);
    }
    a:link {
    color: #000000;
    text-decoration: none;
    }
    a:hover {
    color: #000000;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #000000;
    }
    a:active {
    text-decoration: none;
    color: #000000;
    }
    .style20 {
    font-size: 12px;
    position: static;
    }
    .style22 {
    font-family: Cochin;
    font-size: 12px;
    font-weight: bold;
    }
    .style10 { color: #000000;
    font-family: Cochin;
    font-size: 12px;
    }
    .style16 {color: #000000}
    -->
    </style>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    .style31 {
    font-size: 16px
    }
    .style32 {
    font-size: 16px;
    font-family: Cochin;
    }
    .style35 {color: #336600}
    .style36 {
    font-family: Cochin
    }
    .style37 {
    font-size: 16px;
    font-family: Cochin;
    color: #000000;
    }
    .style38 {
    font-family: Cochin;
    font-size: 24px;
    color: #000033;
    }
    body,td,th {
    font-family: #000000;
    font-size: 16px;
    }
    .style23 { font-family: Cochin;
    font-size: 14px;
    }
    .style40 {font-family: Cochin, "Times New Roman"}
    .style41 {font-family: Cochin, "Times New Roman"; font-size: 24px; color: #000033; }
    .style42 {font-size: 24px}
    .style43 {
    font-size: 36px;
    color: #000033;
    }
    -->
    </style>
    <style type="text/css">


    logologoimg {
    }
    .style47 {color: #FFFFCC}
    .style49 {font-weight: bold}
    </style>
    <!--[if lt IE 8]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
    <![endif]-->
    <!--[if lt IE 7]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
    <![endif]-->
    </head>
    <body bgcolor="#999966">
    <table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td height="60" colspan="3" align="center" valign="middle" nowrap="nowrap" bgcolor="#FFFFFF" class="logo"><div align="center">
    <div id="logo">
    <img src="LOGOSMALL.jpg" alt="" width="100" height="100" align="left" /> </div>
    <p class="style30 style40 style43">IN LIGHT OF TOUCH</p>
    <p class="style40"><span class="style27 style42">503-645-4765</span> </p>
    <p class="style15 style29 style40">17200 NW Corridor Ct, Suite 111</p>
    <p class="style15 style29 style40">Beaverton, OR 97006</p>
    <p>&nbsp;</p>
    </tr>

    <tr bgcolor="#ffffff">
    <td colspan="3" align="center" valign="middle"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
    </tr>

    <tr bgcolor="#a4c2c2">
    <td height="36" colspan="3" bgcolor="#000033" class="navText" id="navigation"><div align="center">
    <span class="style39"><a href="index.html">HOME&nbsp;</a>&nbsp;<a href="Massage.html">MASSAGE</a>&nbsp; <a href="SkinCare.html">SKIN CARE</a>&nbsp; <a href="BodyWraps.html">BODY WRAPS&nbsp;</a> <span class="style20 style49"><span class="style47">BODY ENERGY</span>&nbsp; </span>P<a href="Products.html">RODUCTS&nbsp; </a>I<a href="Testimonials.html">NFORMATION&nbsp; </a>C<a href="ContactUs.html">ONTACT US</a></span></div>
    </td>
    </tr>

    <tr bgcolor="#ffffff">
    <td colspan="3"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
    </tr>

    <tr bgcolor="#ffffff">
    <td valign="top" bgcolor="#FFFFFF"><div align="center"></div>
    <p>&nbsp;</p>
    <table width="364" height="212" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td><img src="iStock_000004059327XSmall.jpg" width="425" height="282" /></td>
    </tr>
    </table>
    <table width="364" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><img src="iStock_000005690498XSmall.jpg" width="364" height="330" vspace="20" /></td>
    </tr>
    </table>
    <table width="364" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><img src="iStock_000005981464XSmall.jpg" width="426" height="282" vspace="20" /></td>
    </tr>
    </table> <p align="center">&nbsp;</p></td>
    <td width="4" valign="top"><img alt="" width="0" height="0" border="0" /></td>
    <td width="640" align="center" valign="top" bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="750">&nbsp;</td>
    </tr>
    </table>
    <table width="425" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="112" bgcolor="#FFFFCC"><div align="center">
    <p class="style23"><span class="style41">SKIN CARE MENU</span></p>
    <p class="style23">Each Treatment will include a deep Cleansing, Exfoliation, Vaporization, Skin Evaluation, Extractions, Mask and Massage, focusing on Tensions in the Neck, Back and Shoulder Areas<br />
    <br />
    Diamond head microdermabrasions and Oxygen Treatments can be integrated in each treatment upon request.</p>
    </div></td>
    </tr>
    </table>
    <table width="440" height="52" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td><div id="Accordion2" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">
    <div align="center" class="style16">Hydrafacial 100.-</div>
    </div>
    <div class="AccordionPanelContent">
    <p align="center" class="style37">Breakthrough technology makes HydraFacial treatments unique. In a simultaneous process, dead skin cells are exfoliated and impurities are extracted, using a vacuum-based skin abrasion tip. While the healthy underlying skin is bathed with active serums that cleanse, exfoliate, hydrate and provide antioxidant protection. The HydroPeel tips increases the time the serums are in contact with the skin while also providing exfoliation. The vacuuming action swirls away blackheads and impurities while stimulating the blood and lymphatic flow.</p>
    </div>
    </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab style32 style36 style16">
    <div align="center">Chemical Peels 50.- to 70.-</div>
    </div>
    <div class="AccordionPanelContent style36 style35">
    <p align="center" class="style31 style16">Individual Peels, Glycolic, Lactic, Modified Jessner, Vitamin A, Salicylic, Pumpkin Peel<br />
    <br />
    A chemical peel is a non-invasive technique for treating lines, sun damage, pigmentation and controlling break outs as well as acne. It peels away the outer layers of the damaged skin and leaves your face looking smooth, healthy and radiant. The new cells and collagen are stimulated during the healing process to produce tighter and younger looking skin. You will love your new complexion!<br />
    <br />
    Each treatment is customized for your skin type and specific needs.<br />
    </p>
    </div>
    </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">
    <div align="center" class="style16">Microdermabrasion 70.- or 100.-</div>
    </div>
    <div class="AccordionPanelContent">
    <div align="center" class="style16">
    <p>A rejuvenating face treatment that includes an exfoliation with a diamond head microdermabrasion, followed by a hydrating, detoxifying oxygen treatment in which an oxygenator is used to push vitamins, minerals, and of course, oxygen deep into your skin. </p>
    <p>After a hydrating mask and a deep moisturizing face massage, corrective serums and antioxidants are applied to your skin, which gives you an overall healthy, radiant and rejuvenated look</p>
    <p>. This is best for sun damage, Hyperpigmentation and fine lines! Sometimes, depending on your skin, it&rsquo;s possible to finish up with a light peel application, which has a brightening, toning and lightening effect that will leave your skin glowing for days!<br />
    </p>
    </div>
    </div>
    </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab style32 style36 style16">
    <div align="center">Deep Pore Cleansing Facial 70.-</div>
    </div>
    <div class="AccordionPanelContent">
    <p align="center" class="style31 style36 style16">Designed for problematic, oily and acneic skin types. This treatment helps irritated, inflamed, and oily skin, removing blackheads and other impurities. </p>
    <p align="center" class="style31 style36 style16">The facial focuses on detoxifying, clarifying, healing and hydrating your skin!<br />
    </p>
    </div>
    </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab style35 style31 style36">
    <div align="center" class="style16">Multi Vitamin Hydrating Facial 70.-</div>
    </div>
    <div class="AccordionPanelContent">
    <p align="center" class="style16">This is a very effective facial treatment designed to stimulate and deeply moisturize the skin with hydrating plant botanicals, vitamins and minerals. </p>
    <p align="center" class="style16">Different enzyme peel masks will exfoliate and open your pores, so that skin nutrition can penetrate deep into your skin, to help replenish and leave a radiant complexion!</p>
    <p align="center" class="style37">&nbsp;</p>
    </div>
    </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab style32 style35">
    <div align="center" class="style16">Rosacea and Sensitive Skin Facial 70.-</div>
    </div>
    <div class="AccordionPanelContent style31 style35">
    <div align="center" class="style16">
    <p>This soothing facial is customized for Rosacea and sunburned skin - a special treatment for redness. </p>
    <p>After a calming, cleansing, and a very gentle exfoliation you will receive a relaxing face massage with rose serum followed by a special cleansing mask to calm the skin. In addition, we offer you a dietary supplement - a proteolytic enzyme to treat skin inflammation. This is very essential in treating Rosacea!<br />
    <br />
    </p>
    </div>
    </div>
    </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab style32 style35">
    <div align="center" class="style16">Relaxing Facial 70.-</div>
    </div>
    <div class="AccordionPanelContent style31 style35">
    <div align="center" class="AccordionPanelContent style16">
    <p>Find your balance and harmony in this treatment! Take advantage of active ingredients of plants, flowers and Botanicals.<br />
    <br />
    Enjoy a deep cleansing facial with a blend of pure rose and lemon essence; includes a very relaxing face, shoulder &amp; d&eacute;collet&eacute; massage using ayurvedic essential oils; a hand &amp; foot massage, a deep moisturizing organic rejuvenating mask with applications of different serums and a hydrating moisturizer. The facial will be wrapped with a scalp massage, using essential oils.<br />
    <br />
    <br />
    <br />
    <br />
    <br />
    </p>
    </div>
    </div>
    </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">
    <div align="center" class="style16">Organic Skin Care Facial 70.-</div>
    </div>
    <div class="AccordionPanelContent">
    <p align="center" class="AccordionPanel style16">&nbsp;</p>
    <p align="center" class="AccordionPanel style16">This is perfect for all clients who would like to receive a treatment based on complete organic skin care. </p>
    <p align="center" class="AccordionPanel style16">&nbsp;</p>
    <p align="center" class="AccordionPanel style16">The products used in this facial are organically grown and consist of handpicked herbs, fruits and vegetables. Vitamins, fruit acids and bioflavonoids treat and nourish your skin, this is a beautifying and healing facial for you!</p>
    </div>
    </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab style32 style16">
    <div align="center">Additional Services</div>
    </div>
    <div class="AccordionPanelContent style31 style16">
    <div align="center" class="AccordionPanel">
    <p class="AccordionPanel">Lunchbreak peels<br />
    <br />
    Hand Paraffin Treatment<br />
    <br />
    <br />
    A nice refreshing hand treatment, including a fresh yogurt peel, an application of a peach mask, followed by a hand massage with a glycolic cream after dipping your hands into some warm paraffin. This will keep your hands moist and soft!<br />
    <br />
    </p>
    Foot Massage<br />
    <br />
    Enjoy a mild exfoliation, and a moisturizing/hydrating mask wrap in warm towels, finished off with a relaxing as well as therapeutic foot massage.<br />
    <br />
    <br />
    <br />
    </div>
    </div>
    </div>
    </div></td>
    </tr>
    </table>
    <p class="style38">&nbsp;</p>
    <p><br />
    </p>
    <p><img src="iStock_000005807790XSmall.jpg" width="400" height="300" /></p>
    <p>&nbsp;</p>
    <p align="center">&nbsp;</p></td>
    </tr>

    <tr bgcolor="#ffffff">
    <td colspan="3"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
    </tr>

    <tr>
    <td width="429">&nbsp;</td>
    <td width="4">&nbsp;</td>
    <td width="640"><div align="center" class="style20"><a href="index.html">Home </a><a href="Massage.html">Massage</a> <a href="SkinCare.html">Skin Care</a> <a href="Aromatherapy.html">Aromatherapy</a> <a href="Products.html">Products</a> <a href="Hydrafacial.html">Hydrofacial</a> <a href="Testimonials.html">Testimonials</a> <a href="ContactUs.html">Contact Us</a><a href="Sitemap"> Site Map</a></div></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><div align="center" class="style22"><a href="mailto:websitesbyjessica@gmail.com" class="style10"><span class="style16">Website by Jessica Olds</span><span class="style16"></span></a><a href="mailto:jessicarucco@hotmail.com"></a></div></td>
    </tr>
    </table>
    <script type="text/javascript">
    <!--
    var Accordion2 = new Spry.Widget.Accordion("Accordion2");
    //-->
    </script>
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-4637276-1";
    urchinTracker();
    </script>
    </body>
    </html>

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Give us the actual URL to your page ... we can't duplicate without all of the images.


  4. #3
    Junior Member
    Join Date
    Jun 2008
    Posts
    12
    Member #
    16945
    The URL is: www.inlightoftouch.com

    The issue has been most prominant on the Skin Care page.

    Thanks

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Here's a case where you should put your CSS in one file so each page
    can use the same CSS. But I think the problem is here.


    On this page: Skincare ... I see this:

    <td height="36" colspan="3" bgcolor="#000033" class="navText" id="navigation"><div align="center">
    <span class="style39"
    ><a href="index.html">HOME&nbsp;</a>&nbsp;<a href="Massage.html">MASSAGE</a>&nbsp; <a href="SkinCare.html">SKIN CARE</a>&nbsp; <a href="BodyWraps.html">BODY WRAPS&nbsp;</a> <span class="style20 style49"><span class="style47">BODY ENERGY</span>&nbsp; </span>P<a href="Products.html">RODUCTS&nbsp; </a>I<a href="Testimonials.html">NFORMATION&nbsp; </a>C<a href="ContactUs.html">ONTACT US</a></span></div>
    </td>


    On this page: Products ... I see this ...

    <td height="36" colspan="3" bgcolor="#000033" class="navText" id="navigation"><div align="center" class="style5"><span class="style39"><a href="index.html">HOME&nbsp;</a><a href="Massage.html"> MASSAGE&nbsp;&nbsp;</a><a href="SkinCare.html">SKINCARE&nbsp;</a>&nbsp;&nbsp;<a href="Products.html">PRODUCTS&nbsp;</a> <a href="Hydrafacial.html">HYDRAFACIAL&nbsp;</a> <a href="Testimonials.html">INFORMATION</a> <a href="ContactUs.html">CONTACT US</a></span></div></td>


    Those are different, and the only references I can find to them
    is stuck in "mm_lodging1.css" ...

    #navigation .style5 {
    }
    #navigation .style39 a {
    font-family: Cochin, "Times New Roman";
    font-size: 12px;
    color: #FFFFCC;
    position: static;
    }


    Something's wrong .... somewhere with that.

    Clean-up the CSS issues, or define the correct classes.


  6. #5
    Junior Member
    Join Date
    Jun 2008
    Posts
    12
    Member #
    16945
    When you say that I should define the correct classes, do you mean eliminate one? Thank you for your patience as this is my first Web site.

  7. #6
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Your navigation is pretty much the same on all pages.

    If "Products" works and "Skincare" does not ... see what is different.
    There is a different class reference on those two.

    The logo thing (going bad) is related to your menu.

    If you view your website on IE and highlight the text in the top banner,
    you'll see that parts of your menu are up there ... that's what is messing
    it up.

    Save a copy of "Skincare" page in a safe place then start removing
    things one by one ... remove the navigation menu and see what happens.

    When you find the bad portion, re-install the saved copy and correct the
    part that you found bad.



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:37 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com