...

View Full Version : Website not scrolling in Internet Explorer...



Animinimal
11-07-2012, 05:37 PM
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...


<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...


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.

abduraooft
11-08-2012, 08:54 AM
* html body{
overflow:hidden;
}
Might be due to the above property in your CSS.

abduraooft
11-08-2012, 08:55 AM
* html body{
overflow:hidden;
}
Might be due to the above property in your CSS.

Animinimal
11-08-2012, 11:52 AM
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 :D



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum