I have a simple iframe so the user can go between 2 Twitter feeds and it works on everything but IE 7/8/9. I have the twitter feeds in separate HTML pages and the iFrame calls the pages where I placed the feeds with the simple widget.
My index page HTML with the iFrame:
<div style="float:inherit">
<iframe src="twitter_bags.html" name="cwindow" id="cwindow" width="250" height="400" marginwidth="0" marginheight="0" align="center" frameborder="0" style="border:0px outset #ff9999" border="0" scrolling="no"></iframe>
<br><br>
<table width="225" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="133" align="center">
<a href="twitter_bags.html" target="cwindow" class="blklink"><img src="images/bags_twitter.png" width="66" height="65" alt="Bag McRibbit Tweets" border="0"><br>Bags McRibbit</a>
</td>
<td width="138" align="center">
<a href="twitter_flora.html" target="cwindow"class="blklink"><img src="images/Flora_twitter.png" width="66" height="65" alt="Fora's Tweets" border="0"><br>Floppy Ear Flora</a>
</td>
</tr>
</table>
</div>
And one of my Twitter feed HTML page:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Bags</title>
<style type="text/css">
body {
background-color: #F7B5B5;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 6,
interval: 30000,
width: 225,
height: 300,
theme: {
shell: {
background: '#F7B5B5',
color: '#000000'
},
tweets: {
background: '#ffffff',
color: '#000000',
links: '#1f4292'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
behavior: 'all'
}
}).render().setUser('BagsMcRibbit').start();
</script>
<body>
</body>
</html>
It’s killing me as to why it works on everythng? Is it the Twitter feed through IE?
