Mensen, dit is een html / javascript en wellicht zelfs een CSS vraag.
Maar omdat het zo algemeen is koos ik voor de sectie HTML vragen.
Ik heb een script waarbij zo'n "follow us" balkje aan de rechterkant van het scherm blijft hangen.
Firefox doet precies wat hij moet doen, IE geeft alleen een balkje en verder niks.
Code:
[locatie: boven <body>]
<script type="text/javascript">
swfobject.registerObject("follow-us", "9.0.0");
</script>
<style type="text/css">
.follow-us {
position:fixed;
background: #FF0000;
top:200px;
right:0px;
width:32px;
height:160px;
border:1px solid #FFFFFF;
color:#FFFFFF;
}
</style>
Dan in de pagina zelf:
<div style="position:relative;">
<div class="follow-us">
<object classid="clsid
27CDB6E-AE6D-11cf-96B8-444553540000" width="32" height="160" id="follow-us">
<param name="movie" value="images/follow-us.swf" />
<param name="allowfullscreen" value="false" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="twit_icon=images/vogeltje-twitter.png&turl=http://twitter.com/osolprojects&twitmsg=Follow Us&twitmsgcolor=FFFFFF&iconbgcolor=FFFFFF" />
<param name="bgcolor" value="#6BA6FF" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/follow-us.swf" width="32" height="160">
<param name="allowfullscreen" value="false" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="twit_icon=images/vogeltje-twitter.png&turl=http://twitter.com/osolprojects&twitmsg=Follow Us&twitmsgcolor=FFFFFF&iconbgcolor=FFFFFF" />
<param name="bgcolor" value="#FF0000" />
<!--<![endif]-->
<!--[if !IE]>-->
</object> <!--<![endif]-->
</object>
</div>
</div>
Zichtbaar op deze link
Maar omdat het zo algemeen is koos ik voor de sectie HTML vragen.
Ik heb een script waarbij zo'n "follow us" balkje aan de rechterkant van het scherm blijft hangen.
Firefox doet precies wat hij moet doen, IE geeft alleen een balkje en verder niks.
Code:
[locatie: boven <body>]
<script type="text/javascript">
swfobject.registerObject("follow-us", "9.0.0");
</script>
<style type="text/css">
.follow-us {
position:fixed;
background: #FF0000;
top:200px;
right:0px;
width:32px;
height:160px;
border:1px solid #FFFFFF;
color:#FFFFFF;
}
</style>
Dan in de pagina zelf:
<div style="position:relative;">
<div class="follow-us">
<object classid="clsid
27CDB6E-AE6D-11cf-96B8-444553540000" width="32" height="160" id="follow-us"><param name="movie" value="images/follow-us.swf" />
<param name="allowfullscreen" value="false" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="twit_icon=images/vogeltje-twitter.png&turl=http://twitter.com/osolprojects&twitmsg=Follow Us&twitmsgcolor=FFFFFF&iconbgcolor=FFFFFF" />
<param name="bgcolor" value="#6BA6FF" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/follow-us.swf" width="32" height="160">
<param name="allowfullscreen" value="false" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="twit_icon=images/vogeltje-twitter.png&turl=http://twitter.com/osolprojects&twitmsg=Follow Us&twitmsgcolor=FFFFFF&iconbgcolor=FFFFFF" />
<param name="bgcolor" value="#FF0000" />
<!--<![endif]-->
<!--[if !IE]>-->
</object> <!--<![endif]-->
</object>
</div>
</div>
Zichtbaar op deze link
