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 3 of 3
  1. #1
    New Coder
    Join Date
    Aug 2008
    Location
    Aus
    Posts
    17
    Thanks
    4
    Thanked 0 Times in 0 Posts

    URgent problem IE7 IE8 vista -content gone

    Client cannot open his new website in Internet Explorer v7 on XP or Vista nor in Internet Explorer V8 on Windows 7. (just gets header, nav -says dropdowns don't work??)

    http://www.cricketcoachingclinics.com.au/

    was working but made changes to mid nav???

    Please can anyone help - attached is css code
    <CODE>@charset "UTF-8";
    /* CSS Document */

    * {
    margin: 0;
    padding: 0;
    border-width: 0;
    }

    body{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #0D3001;
    text-align: center;
    margin: 0px;
    background-image: url(../images/grass.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 25px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 0.75em;
    background-attachment: scroll;
    }

    #wrapper {
    width: 820px;
    padding-left: 25px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    }


    #topnav {
    margin: 0px;
    list-style-type: none;
    float: right;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 105px;
    background-image: url(../images/Geoff1.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    }
    #topnav li {
    float: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #0D3001;
    }
    #topnav li a {
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 3px;
    padding-left: 12px;
    color: #000000;
    display: inline-block;
    display: block;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    }
    #topnav li a:visited {
    text-decoration: none;
    color: #0D3001;
    }
    #topnav li a:hover {
    text-decoration: none;
    letter-spacing: 1px;
    color: #C8DD5D;
    background-color: #0D3001;
    }



    #header {
    background-color: #FFFFFF;
    background-image: url(../images/header.gif);
    background-repeat: no-repeat;
    height: 105px;
    width: 800px;
    margin: 0px;
    padding: 0px;
    clear: right;
    }

    #header h1 {
    left: -1000px;
    position: absolute;
    visibility: hidden;
    }
    #footer a, .panel2 a {
    color: #C8DD5D;
    text-decoration: underline;
    }
    #left-cont a:link {
    color: #123A06;
    text-decoration: underline;
    }
    #left-cont a:visited {
    color: #39600B;
    text-decoration: none;
    }
    #left-cont a:hover {
    font-weight: bold;
    color: #C8DD5D;
    text-decoration: none;
    }
    p {
    line-height: 140%;
    padding-bottom: 0.5em;
    }
    #navigation {
    height: 3.1em;
    width: 800px;
    background-color: #C8DD5D;
    background-image: url(../images/nav-back.jpg);
    background-repeat: repeat;
    background-position: right center;
    }
    #content {
    background-color: #FFFFFF;
    position: relative;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 25px;
    clear: left;
    background-image: url(../images/stephen.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    }
    #left-cont {
    float: left;
    width: 540px;
    padding-bottom: 150px;
    padding-top: 0px;
    }
    .left-col {
    float: left;
    width: 250px;
    padding-right: 18px;
    }
    #left-cont ul {
    padding-bottom: 1em;
    }
    #right-cont li, #left-cont li {
    list-style-position: outside;
    list-style-type: square;
    padding-bottom: 0.5em;
    padding-left: 2px;
    margin-left: 20px;
    line-height: 140%;
    }
    #right-cont {
    width: 230px;
    float: right;
    padding-top: 10px;
    padding-bottom: 22px;
    }
    #footer {
    color: #FFFFFF;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    }
    .clear-both {
    clear: both;
    height: 1px;
    }
    .panel1 {
    background-color: #C8DD5D;
    padding: 12px;
    text-align: left;
    }
    .panel {
    background-color: #C8DD5D;
    padding-top: 17px;
    padding-left: 17px;
    margin-bottom: 10px;
    }
    .panel3 {
    background-color: #C8DD5D;
    padding-top: 6px;
    padding-left: 17px;
    margin-bottom: 10px;
    }
    .panel2 {
    color: #C8DD5D;
    background-color: #205B40;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    text-align: center;
    font-weight: bold;
    }
    .flt-left {
    float: left;
    }
    img.flt-left {
    padding-right: 13px;
    padding-bottom: 13px;
    }
    h1 {
    font-size: 150%;
    font-weight: bold;
    padding-bottom: 0.5em;
    }
    #left-cont h2, table h2 {
    font-size: 140%;
    font-weight: bold;
    color: #156613;
    padding-bottom: 0.5em;
    padding-top: 0.3em;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #C8DD5D;
    margin-top: .5em;
    }
    #left-cont h3 {
    padding-bottom: .5em;
    color: #0D3001;
    }
    .flt-right {
    float: right;
    }
    h1.white {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    }
    #left-cont em {
    font-style: italic;
    color: #205B40;
    font-weight: bolder;
    }
    .formstyle {
    padding-top: 12px;
    padding-bottom: 12px;
    }
    .formstyle p {
    padding-top: .5em;
    text-align: right;
    }


    .formstyle input {
    width: 100%;
    padding: 2px;
    border: 1px solid #000;
    }
    .formstyle input.noborder {
    width: 60%;
    padding: 2px;
    border-width: 0;
    }
    .formstyle select {
    width: 100%;
    padding: 2px;
    border: 1px solid #000;
    background-color: #E6E6E6;
    }
    </CODE>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Start with fixing the errors in your markup, see http://validator.w3.org/check?uri=ht...Inline&group=0
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb

    Hi Robcoles.
    I'm not an expert, but I think of myself as a good 'error-finder' - meaning, I in a structured way finds the error by deleting/changing lines to find error

    I too have vista and testing on a IE7 - *gives me the creep*
    When I look at the pages the first time I can see a glims of the content -> and then it's gone! - but it is actually there if you look in View Source!

    any way - a few of the pages I can actually see the content - on those pages you dont have the :
    1)
    <div id="left-cont">section - if you try to delete the div and see if some of the content does show up! --> if so then left-/right-cont gives you trouble or is overtaken by something.

    2)
    <body onload="MM_preloadImages('images/logoover.gif','images/submit.gif')">
    - it does however show you the Header/Navigation-part -
    you can try to change it to <body> - just to see if your js have an impact there....

    It does seem that the pages is coated with a white background ontop - when that happens I think I would try to give my div-section a :
    z-index: 99; - and the wrapper-section z-index: 10; - just to be sure to have the layers right.

    that was my few cents pointers

    Regards
    Last edited by Maricha; 06-17-2010 at 11:16 AM.


  •  

    Posting Permissions

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