/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Float Propety and Safari

While I know that a large base of web users use either Firefox or IE, I do have a couple of frequent users that do use Safari.

I am aware that their is an issue with Safari and it recognizing and using the float property correctly.

The page that has the issue is: [url]www.diversionguild.com[/url]

What happens in Safari is that the floated element (that being the Flash file), does not actually float and instead decides to left align itself.

Safari Issue: [url]http://img211.imageshack.us/img211/7528/safaridc9.gif[/url]

What it should look like (IE/FF version): [url]http://img225.imageshack.us/img225/3813/ieffrq6.gif[/url]

What is a solid workaround that will work for all browsers for this right-aligned flash element?

Thanks for your time.

to post a comment
HTML

5 Comments(s)

Copy linkTweet thisAlerts:
@bathurst_guyMar 24.2008 — Set its containing div with a width

<div style="position: absolute; width: 100%">
Copy linkTweet thisAlerts:
@CriticalauthorMar 24.2008 — That did not work Bathurst. Here is my code for my flash:

[code=html]<table border="0" width="100%" style="height: 100%;" cellspacing="0" cellpadding="0">
<tr>
<td class="darkbg" style="height: 237px" valign="bottom"></td>
</tr>
<tr>
<td style="height: 270px;" align="left" valign="top">
<div style="position: absolute; width: 466px; z-index: 3; height: 227px">
<div id="navcontainer">
<a href="/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','/fp_images/hover_frontpage.gif',1)"><img src="/fp_images/nohover_frontpage.gif" name="Image2" width="76" height="27" border="0" /></a><a href="/forumlist.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','/fp_images/hover_forums.gif',1)"><img src="/fp_images/nohover_forums.gif" name="Image3" width="67" height="27" border="0" /></a><a href="/eqdkp/listmembers.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','/fp_images/hover_dkp.gif',1)"><img src="/fp_images/nohover_dkp.gif" name="Image4" width="99" height="27" border="0" /></a><a href="/forumdisplay.php?f=6" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','/fp_images/hover_recruitment.gif',1)"><img src="/fp_images/nohover_recruitment.gif" name="Image5" width="89" height="27" border="0" /></a><a href="/usercp.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','/fp_images/hover_user.gif',1)"><img src="/fp_images/nohover_user.gif" name="Image6" width="73" height="27" border="0" /></a><a href="/register.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','/fp_images/hover_register.gif',1)"><img src="/fp_images/nohover_register.gif" name="Image7" width="61" height="27" border="0" /></a></div>
<div><img src="/fp_images/guild_name.gif" width="465" height="227" /></div>
</div>

<div style="position: absolute; width: 100%">
<embed base="." src="news.swf" quality="best" scale="noborder"
bgcolor="#666666" width="500" height="254" name="slideshow"
align="middle" allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" /></div></td>
</tr>
<tr>
<td style="height: 80%;" align="center" valign="top">
<p align="center"> </tr>
</table>[/code]


Flash is towards the bottom.
Copy linkTweet thisAlerts:
@CriticalauthorMar 24.2008 — Also, when I validate the markup, all of the validation errors are pointing right to the Flash embedding. Not sure if this is a red flag or not.
Copy linkTweet thisAlerts:
@CriticalauthorMar 24.2008 — Never mind. I went back through all of the errors and I redid the flash object/embedding coding. Everything works great now.
Copy linkTweet thisAlerts:
@bathurst_guyMar 25.2008 — Ahh validating fixes everything...
×

Success!

Help @Critical spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.3,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...