Quick Help Options

[jbarber07]

My layout is ready to go for every browser except Safari. Apparantly the twitter widget is halfway off the page. Anybody know how to fix this??

http://myspace.com/jbarberlayouts

[Mickey]

Look for this:

CODE

<div style="position:absolute; top:1200px; left:50%; margin-left:-700px; z-index:9;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="290" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="userID=37510195&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="350" width="290" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=37510195&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />

</object>


</div>

Replace it with this:

CODE

<style>
.twitter {position:absolute; top:1200px; left:50%; margin-left:-700px; z-index:9;}
.twitter object, .twitter embed {position:static; margin:auto!important;}
</style>

<div class="twitter">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="290" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="userID=37510195&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="350" width="290" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=37510195&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
</object>
</div>

See if that fixes the issue.

[jbarber07]

Okay Ive done that. Can somebody with safari please check it out for me?

http://myspace.com/jbarberlayouts

[Mickey]

Looks fine to me. You sure it's the Twitter widget you're having problems with? Because the music player is misaligned on Safari for me. I recommend using my code to position it around instead of what you're using now.

[jbarber07]

I've tried that code. everytime I use it, it creates a big gap between the shows and the shows header and the music player completely disappears

*found the music player. But how do I fix the gap in the shows?*

[Mickey]

Look for and remove this from your codes:

CODE

table table div embed, table table div object {position:relative; z-index:9;}

Then recalculate the top and margin-left values of my code.

[jbarber07]

fixed. Thanks Mike!

[ZeT0]

Now you don't even have a twitter?

[manny-the-dino]

Topic Closed and Moved