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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Nov 2012
    Location
    Glasgow
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Website not scrolling in Internet Explorer...

    Hello everyone!

    I'm only new to this forum but have seen other people have gotten very good advice and was wondering if there is anyone out there that could help me with my problem. I've just launched my new website which I have coded myself and it doesn't seem to be scrolling when people use Internet Explorer. I've gone over the code and cant see why this is happening.

    Here is the main html page...

    Code:
    <html>
    <head>
    <title>A N I M I N I M A L</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="Screen Printed Apparel Featuring Blacked Out Animals Wearing Coloured Headphones.">
    </head>
    
    <body leftmargin="0" marginwidth="0">
    <script>(function(d, s, id) {
              var js, fjs = d.getElementsByTagName(s)[0];
              if (d.getElementById(id)) return;
              js = d.createElement(s); js.id = id;
              js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=<ВАШ_APPID>";
              fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
    <div id="header">
    <table width="1000" height="80" border="0" cellspacing="10" cellpadding="10" align="center">
      <tr>
        <td width="279" valign="middle" align="left"><img src="images/top/animinimal.png" width="279" height="22" alt="ANIMINIMAL"></td>
        <td width="100%" valign="middle" align="right"><img src="images/top/home2.png" width="70" height="13" alt="HOME" border="0"> &nbsp;&nbsp;<img src="images/top/line.png" width="3" height="17">&nbsp;&nbsp; <a href="http://shop.animinimal.net" ONMOUSEOVER='shop.src="images/top/shop2.png"' ONMOUSEOUT='shop.src="images/top/shop.png"'><img src="images/top/shop.png" alt="SHOP" name="shop" width="67" height="13" border="0"></a> &nbsp;&nbsp;<img src="images/top/line.png" width="3" height="17">&nbsp;&nbsp; <a href="http://lookbook.animinimal.net/" ONMOUSEOVER='lookbook.src="images/top/lookbook2.png"' ONMOUSEOUT='lookbook.src="images/top/lookbook.png"'><img src="images/top/lookbook.png" alt="LOOKBOOK" name="lookbook" width="134" height="13" border="0"></a> &nbsp;&nbsp;<img src="images/top/line.png" width="3" height="17">&nbsp;&nbsp; <a href="about.php" ONMOUSEOVER='about.src="images/top/about2.png"' ONMOUSEOUT='about.src="images/top/about.png"'><img src="images/top/about.png" width="83" height="13" alt="ABOUT" name="about" border="0"></a> &nbsp;&nbsp;<img src="images/top/line.png" width="3" height="17">&nbsp;&nbsp; <a href="contact.php" ONMOUSEOVER='contact.src="images/top/contact2.png"' ONMOUSEOUT='contact.src="images/top/contact.png"'><img src="images/top/contact.png" width="113" height="13" alt="CONTACT" name="contact" border="0"></a></td>
      </tr>
    </table>
    </div>
    <div class="bodywrapper">
    <div id="content">
    <table width="1000" border="0" cellspacing="5" cellpadding="5" align="center">
      <tr>
        <td colspan="2" align="center" valign="middle"><script language="JavaScript">
    <!--
    function random_imglink(){
    var myimages=new Array()
    //specify random images below. You can have as many as you wish
    myimages[1]="images/banner/001.png"
    myimages[2]="images/banner/002.png"
    myimages[3]="images/banner/003.png"
    myimages[4]="images/banner/004.png"
    myimages[5]="images/banner/005.png"
    myimages[6]="images/banner/006.png"
    
    var ry=Math.floor(Math.random()*myimages.length)
    if (ry==0)
    ry=1
    document.write('<img src="'+myimages[ry]+'" border=0 width="1000" height="400">')
    }
    random_imglink()
    //-->
    </script>
    </td>
      </tr>
      <tr>
        <td width="690" valign="top" id="home">
    <?php
    $template="Animinimal";
    include("/home4/andygrec/public_html/animinimal/blog/show_news.php");
    ?>
    </td>
        <td width="300" align="center" valign="middle" id="home"><script language="JavaScript">
    <!--
    function random_imglink(){
    var myimages=new Array()
    //specify random images below. You can have as many as you wish
    myimages[1]="images/ad/b-eagle-girls.png"
    myimages[2]="images/ad/b-giraffe-girls.png"
    myimages[3]="images/ad/b-giraffe-guys.png"
    myimages[4]="images/ad/b-lion-guys.png"
    myimages[5]="images/ad/b-octo-girls.png"
    myimages[6]="images/ad/b-penguin-girls.png"
    myimages[7]="images/ad/b-stag-guys.png"
    myimages[8]="images/ad/b-stag-hood.png"
    myimages[9]="images/ad/b-wolf-girls.png"
    myimages[10]="images/ad/b-wolf-guys.png"
    myimages[11]="images/ad/w-bear-girls.png"
    myimages[12]="images/ad/w-lion-guys.png"
    myimages[13]="images/ad/w-stag-guys.png"
    
    //specify corresponding links below
    var imagelinks=new Array()
    imagelinks[1]="http://shop.animinimal.net/product/black-eagle-girls"
    imagelinks[2]="http://shop.animinimal.net/product/black-giraffe-girls"
    imagelinks[3]="http://shop.animinimal.net/product/black-giraffe"
    imagelinks[4]="http://shop.animinimal.net/product/black-lion"
    imagelinks[5]="http://shop.animinimal.net/product/black-octo-girls"
    imagelinks[6]="http://shop.animinimal.net/product/black-penguin-girls"
    imagelinks[7]="http://shop.animinimal.net/product/stag-tee"
    imagelinks[8]="http://shop.animinimal.net/product/unisex-hoods"
    imagelinks[9]="http://shop.animinimal.net/product/black-wolf-girls"
    imagelinks[10]="http://shop.animinimal.net/product/wolf-tee"
    imagelinks[11]="http://shop.animinimal.net/product/white-bear-girls"
    imagelinks[12]="http://shop.animinimal.net/product/white-lion"
    imagelinks[13]="http://shop.animinimal.net/product/white-stag"
    var ry=Math.floor(Math.random()*myimages.length)
    if (ry==0)
    ry=1
    document.write('<a href='+'"'+imagelinks[ry]+'"'+' target="_blank"><img src="'+myimages[ry]+'" width="300" height="600" border=0></a>')
    }
    random_imglink()
    //-->
    </script></td>
      </tr>
      </table>
    </div>
    <div class="footerwrapper">
    <div id="footer">
    <table width="1000" height="80" align="center" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="25%" height="80" id="home"><font color="#CCCCCC"><img src="images/logo/animinimal-logo.png" width="70" height="70" /><br>
        <br>
        Copywright 2012<br>
    <a href="http://www.andygrech.com" target="_blank">Andrew Grech</a></font></td>
        <td width="50%" height="80" id="home"><font color="#CCCCCC"><?php
        // Step 1 - Swap crearegroup for your Twitter User-name
        $twitterid = "animinimal_";
         
        // Step 2 - How many tweets to you want to show? Swap 4 for how many you would like.
        $numberoftweets = "5";
         
        // Step 3 - Would you like to activate links within the tweets?
        $tags = true;
         
        // Step 4 - Would you like to activate nofollow (Best for SEO)?
        $nofollow = true;
         
        // Step 5 - Would you like links to appear in a new window/tab?
        $target = true;
         
        // Step 6 - Would you like to show the Twitter Follow Widget button?
        $widget = true;
         
        // Here's the Science - futher comments can be found below
        function changeLink($string, $tags=false, $nofollow, $target){
          if(!$tags){
           $string = strip_tags($string);
          } else {
           if($target){
            $string = str_replace("<a", "<a target=\"_blank\"", $string);
           }
           if($nofollow){
            $string = str_replace("<a", "<a rel=\"nofollow\"", $string);
           }
          }
          return $string;
         }
         
         function getLatestTweet($xml, $tags=false, $nofollow=true, $target=true,$widget=false){
            global $twitterid;
          $xmlDoc = new DOMDocument();
          $xmlDoc->load($xml);
         
          $x = $xmlDoc->getElementsByTagName("entry");
         
          $tweets = array();
          foreach($x as $item){
           $tweet = array();
         
           if($item->childNodes->length)
           {
            foreach($item->childNodes as $i){
             $tweet[$i->nodeName] = $i->nodeValue;
            }
           }
            $tweets[] = $tweet;
          }
         
        // Here's the opening DIV and List Tags.
           echo "<div id=\"latesttweet\"><ul>\n";
         
          foreach($tweets as $tweettag){
           $tweetdate = $tweettag["published"];
           $tweet = $tweettag["content"];
            // Here's the list tags wrapping each tweet.
            echo "<li>".changeLink($tweet, $tags, $nofollow, $target)."<br />\n";
            // Here's the span wrapping the time stamp.
            echo "<span>".$timemessage."</span></li>\n";
           }
        // Here's the closing DIV and List Tags.
            echo "</ul></div>";
             
            // Here's the Twitter Follow Button Widget
            if($widget){
                echo "<center><a href=\"https://twitter.com/" .$twitterid. "\" class=\"twitter-follow-button\" data-show-count=\"true\">Follow @" .$twitterid. "</a></center>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=\"//platform.twitter.com/widgets.js\";fjs.parentNode.insertBefore(js,fjs);}}(document,\"script\",\"twitter-wjs\");</script>";
            }
         
         }
            $tweetxml = "http://search.twitter.com/search.atom?q=from:" . $twitterid . "&rpp=" . $numberoftweets . "";
            getLatestTweet($tweetxml, $tags, $nofollow, $target, $widget);
     ?></font>
     </td>
        <td width="25%" height="80" align="right" valign="middle" id="home"><font color="#CCCCCC"><a href="http://www.facebook.com/animinimal.net" target="_blank"><img src="images/logo/facebook.png" alt="Facebook" width="30" height="30" border="0"></a>&nbsp;&nbsp;&nbsp;<a href="http://www.twitter.com/animinimal_" target="_blank"><img src="images/logo/twitter.png" alt="Twitter" width="30" height="30" border="0"></a>&nbsp;&nbsp;&nbsp;<a href="http://www.youtube.com/channel/UCNcq2bj5uT_Hjoao7p6RhJw/videos?flow=grid&view=0" target="_blank"><img src="images/logo/youtube.png" alt="YouTube" width="30" height="30" border="0"></a>&nbsp;&nbsp;&nbsp;<a href="http://statigr.am/animinimal" target="_blank"><img src="images/logo/instagram.png" alt="Instagram" width="30" height="30" border="0"></a>&nbsp;&nbsp;&nbsp;</font></td>
        </tr>
    </table>
    </div>
    </div>
    </body>
    </html>
    And here is the css...

    Code:
    body {
    	background: #222222;
    	font-family: Tahoma, Geneva, sans-serif;
    	text-align: center;
    	font-size: 11px;
    	padding:<length> 0 0 0;
    }
    
    .bodywrapper {
    	background:#ffffff;
    	font-family: Tahoma, Geneva, sans-serif;
    	text-align: center;
    	font-size: 11px;
    	padding:0px;
    	height:auto;
    	margin-top: 80px;
    }
    
    div#header{
    	position:absolute;
    	top:0;
    	left:0;
    	width:100%;
    	height:80px;
    	background-color:#000;
    	filter:alpha(opacity=80);
    	opacity:.8;
    }
    
    @media screen{
    body>div#header{
    	position: fixed;
    }
    }
    
    * html body{
    	overflow:hidden;
    }
    
    * html div#content{
    	height:100%;
    	overflow:auto;
    }
    
    .footerwrapper {
    	margin:0 auto;
    	padding:5px;
    	background: #222;
    	bottom:0;
    }
    
    footer {
    	position:absolute;
    	bottom:0;
    	width:100%;
    	margin:0;
    	padding:0;
    }
    
    td#home a:link { text-decoration: none; color: #ff9933; }
    
    td#home a:visited { text-decoration: none; color: #ff9933; }
    
    td#home a:hover { text-decoration: underline; }
    
    td#home a:active { text-decoration: none; color: #ff9933; }
    
    td#about a:link { text-decoration: none; color: #9966ff; }
    
    td#about a:visited { text-decoration: none; color: #9966ff; }
    
    td#about a:hover { text-decoration: underline; }
    
    td#about a:active { text-decoration: none; color: #9966ff; }
    
    td#contact a:link { text-decoration: none; color: #00cccc; }
    
    td#contact a:visited { text-decoration: none; color: #00cccc; }
    
    td#contact a:hover { text-decoration: underline; }
    
    td#contact a:active { text-decoration: none; color: #00cccc; }
    
    tr, td {
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 11px;
    	border:none;
    }
    If anyone is able to help me I would be more than grateful!

    Cheers.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Code:
    * html body{
    	overflow:hidden;
    }
    Might be due to the above property in your CSS.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Code:
    * html body{
    	overflow:hidden;
    }
    Might be due to the above property in your CSS.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    New to the CF scene
    Join Date
    Nov 2012
    Location
    Glasgow
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ahhhhh! That did the trick! Thank you so much! I knew it'd be a wee bit of code but I just couldn't see it.

    Thanks again, much appreciated


  •  

    Tags for this Thread

    Posting Permissions

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