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 2 of 2
  1. #1
    New Coder
    Join Date
    Sep 2006
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Site not showing properly in IE

    Hi, my site is not showing properly in IE, but looks great in Firefox, I know it is the floats, but why I don't know since I cleared them both

    here is the code I am using in the php page

    <? include ("header.txt"); ?>
    <div id="page">
    <div id="headerimg">
    </div>
    <div id="topbar">
    </div>
    <div id="content">
    <table summary="main content" width="90%"><tr><td>
    <p align="justify"><span>Welcome to Call Me Farms, your first choice in breeding
    for Australian Cattle dogs, Border Collies, and Rat Terriers. Located in Parrish,
    Florida, Call Me Farms takes pride in bringing you the very best there is to
    offer in these breeds.</span></p>
    <p align="justify"><span>Here at Call Me Farms we breed for Ability, Beauty,
    Brawn. My dogs are tested-OFA Hips, Elbows, Prcd and we have a lot of proven
    finished Champions that are my best buds. My dogs are in all kinds of
    venues-agility-herding-flyball-protection-conformation and just being a good dog
    and your best friend. We have produced five generations of Champions and over 34
    home bred Champions. I say it's a good start.</span></p>
    <p align="justify"><span>Here in our site you will find all the information you
    will need about our breeds, from confirmation through companionship. There are
    all the latest updates on how well my dogs are doing in competitions, as well as
    when the puppies are available. Photos of my dogs abound so you can see how
    beautiful and well bred they are. There is also a page on my foundation dogs,
    which started it all.</span></p>
    <div id="currentevents">
    </div>
    <div style="height: 350px; width: 500px; overflow: auto">
    <!--UPDATES BEGIN HERE-->
    <? include ("update.txt"); ?>
    <!--UPDATES END HERE-->
    </div>
    <div id="publications">
    </div>
    <div align="center">
    <p align="justify">These are just some of the publications our dogs have
    appeared in. They have also appeared in numerous calendars, greeting cards,
    note cards, stationary, and more!</p>
    <br />
    <br />
    <img src="images/books.jpg" alt="Publications" width="500" height="100" /><br />
    <br />
    <br />
    <br />
    <? include ("footer.txt"); ?>
    <br />
    </div>
    </td></tr></table>
    </div>
    <div id="sidebar">
    <div align="center">
    <? include ("menu.txt"); ?>
    <br />
    <br />
    <table summary="Recommend Us" class="textbox1" width="200" align="center">
    <tr>
    <td valign="top" class="textboxheader">
    <div align="center">
    Recommend Us
    </div>
    </td>
    </tr>
    <tr>
    <td>
    <div align="center">
    <br />

    <form method="post" action="cgi-bin/recommend.cgi">
    <small>Friends Name:</small><br />
    <input type="text" name="recipient_name" size="15"
    class="input" /><br />
    <small>Friends Email Address:</small><br />
    <input type="text" name="recipient_email" size="15"
    class="input" /><br />
    <small>Your Name:</small><br />
    <input type="text" name="sender_name" size="15"
    class="input" /><br />
    <small>Your Email Address:</small><br />
    <input type="text" name="sender_email" size="15"
    class="input" /><br />
    <br />
    <input size="1" type="submit" class="button" value="Submit" />
    </form>
    </div>
    </td>
    </tr>
    </table>
    <br />
    <br />
    <small>last updated<br />
    <script type="text/javascript" language="JavaScript" src="java/update.js">
    </script>
    </small>
    <br />
    <br />
    <!--HIDDEN LINKS REQUIRED FOR COUNTER-->
    <a href="http://www.4computercoupons.com/fujitsu-coupons.html"></a><a
    href="http://www.bestonlinecoupons.com/coupon/computers.asp"></a>
    <!--END HIDDEN LINKS FOR COUNTER-->
    <a href="http://www.amazingcounters.com"><img border="0"
    src="http://c6.amazingcounters.com/counter.php?i=1308498&amp;c=3925807"
    alt="Website Visitor Counter" /></a><br />
    <small>visitors</small>
    </div>
    </div>
    <div class="clear">&nbsp;</div>
    <div id="footer">
    </div>
    </div>
    </body>
    </html>

    and here is the css

    /* CSS Document */
    /* basic elements */
    body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #545838;
    background-color: #e9ebdc;
    background-image: url(images/bg.jpg);
    margin-top: 0px;
    }
    p {
    font:12px Verdana, Arial, Helvetica, sans-serif; color:#545838;
    margin-top: 0px;
    }

    td {
    font:12px Verdana, Arial, Helvetica, sans-serif; color:#545838;
    margin-top: 0px;
    text-align: justify;
    }

    ul,ol,li {
    font:11px Verdana, Arial, Helvetica, sans-serif; color:#545838;
    margin-top: 2px;
    margin-bottom: 2px;
    }


    h1 {
    font:20px verdana,helvetica,sans-serif;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
    color:#545838;
    }
    h2 {
    font:11px verdana,helvetica,sans-serif;
    color:#545838;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 1px;
    letter-spacing: 2pt
    }
    h3 {
    font:10px verdana,helvetica,sans-serif;
    color:#545838;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 2px;
    letter-spacing: 1pt
    }

    h4 {
    font:16px verdana,helvetica,sans-serif;
    color:#545838;
    font-weight: bold;
    text-decoration: underline overline;
    letter-spacing: 1pt;
    margin-bottom: 2px;
    margin-top: 2px;
    }

    a:link {font-style: italic; text-decoration: none; color: #545838;}

    a:visited {font-weight: normal; text-decoration: line-through; color: #cbcfad;}

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

    a:active {font-style: italic; text-decoration: none; color: #a2a876;}

    tinytext {
    font:9px Verdana, Arial, Helvetica, sans-serif; color:#545838;
    margin-top: 0px;
    text-align: center;
    }

    small {
    font:10px Verdana, Arial, Helvetica, sans-serif; color:#545838;
    margin-top: 0px;
    text-align: center;
    }

    HR {color: #545838; height: 1px; }




    /* specific divs */

    #page {
    background-color: #fdfdfb;
    width : 750px;
    padding : 0;
    margin : 0 auto;
    text-align : left;
    height : auto;
    border-left : 1px solid #000000;
    border-right : 1px solid #000000;
    }

    #headerimg {
    background-image : url(images/callmefarms.jpg);
    margin : 0 auto;
    width : 750px;
    height : 280px;
    padding : 0;
    }

    #topbar {
    background-image : url(images/header1.jpg);
    margin : 0 auto;
    width : 750px;
    height : 85px;
    padding : 0;
    }
    #content {
    float : left;
    width : 500px;
    }

    #sidebar {
    float : left;
    width : 250px;
    height : auto;
    padding : 0;
    }
    #currentevents {
    background: #fdfdfb url(images/currentevents.jpg) no-repeat top left;
    margin-top: 0px;
    width: 500px;
    height: 75px;
    }
    #publications {
    background: #fdfdfb url(images/publications.jpg) no-repeat top left;
    margin-top: 0px;
    width: 500px;
    height: 100px;
    }
    #footer {
    background: #a2a876 url(images/footer.jpg);
    width : 750px;
    padding : 0;
    height: 75px;
    }

    #resources {
    background: #e9ebdc url(images/resources.jpg) no-repeat top left;
    width: 250px;
    height: 60px;
    text-align: center;
    }

    /* specific classes */

    .input {
    font-family: arial;
    font-size: 12px;
    color: #545838;
    background-color: #fafaf6;
    border-style: dashed;
    border-width: 1px 1px 1px 1px;
    border-color: #a2a876;

    }

    .button {
    font-family: arial;
    font-size: 9px;
    color: #545838;
    background-color: #fafaf6;
    border-style: dashed;
    border-width: 1px 1px 1px 1px;
    border-color: #a2a876;
    }

    .textbox {
    background-color: #ffffff;
    border: 1px solid #a2a876;
    color: #545838;
    font-size: 9px;

    }

    .textbox1 {
    background-color: #f4f5ef;
    color: #545838;
    font-size: 9px;

    }


    .textboxheader {
    font-variant: normal;
    background-color: #a2a876;
    color: #fafaf6;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 11px;
    letter-spacing: 2px;
    text-align: center
    }
    .clear {
    clear:both;
    font-size:0;
    line-height:0px;
    height:0;
    }

    at this point I am totally clueless as to what is the problem here, any help would be most appreciated....thanks!!

  • #2
    New Coder
    Join Date
    Sep 2006
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts
    sorry forgot to add my doctype

    <!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">


  •  

    Posting Permissions

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