Philip... You were right! I was blaming SWFObject and focusing all my debuging attention on that as opposed to the CSS. Below is a summary of my finding and fix for anyone who encounters the same problem in the future :)
It appears the clearfix workaround (http:// www.positioniseverything.net/easyclearing.html) I applied to the wrapper div was causing an erroneous gap to appear after the 2 floated divs. I removed this class from the wrapper div and manually added a div after the floated divs and set the style to "clear:both". This has fixed my problem! Thanks to everyone for guiding me to victory :) On May 8, 1:04 pm, Philip Hutchison <[email protected]> wrote: > hi stoney > > i haven't seen your code, but i doubt it's a swfobject bug so much as a CSS > issue. divs and objects are not treated equally; divs are block-level > elements while objects are a special type of inline > element.http://www.autisticcuckoo.net/archive.php?id=2005/01/11/block-vs-inli... > > this means a developer can't always simply take CSS styles from a div, apply > them to an object and have it work exactly the same. > > an extra gap between floated elements is a common bugaboo in IE. any floats > performed in IE need to take into account IE's funky box model and the > status of the *hasLayout* property. here is a good overview of the many > issues > involved:http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-yo... > > as for swfobject being the cause of the issue, all swfobject does is place > an object on the page; it's up to the end user to apply whatever CSS is > needed. > > it will take some experimenting, but I'm sure you can sort it out through > CSS. > > good luck! :) > > - philip > > On Thu, May 7, 2009 at 7:47 PM, stoney_kun <[email protected]> wrote: > > > I believe this is a SWFObject bug... When I disable the write to div > > live in the JS the divs display correctly! For anyone who has IE6, I > > have two versions online for your perusal. > > > SWF disabled (divs display correctly) - > >http://www.stoneykun.com/uma/island/disabled.html > > SWF enabled (extra gap between divs and line) - > >http://www.stoneykun.com/uma/island/index.html > > > If you are on XP, this is a lightweight version of IE6 you can install > > -http://tredosoft.com/Multiple_IE > > > Thanks. > > > On May 8, 9:58 am, "Aran Rhee" <[email protected]> wrote: > > > Sorry, I don't have IE6 to test... (we also try to keep this list pretty > > > specific to SWFObject related issues - this is a straight CSS issue) > > > > As you are using a separate style sheet for IE6, setting some specific > > > values in screen_ie.css is the way to go (as no doubt you've been trying > > > already). I always try to reduce my issue to as small a chunk as > > possible, > > > so setting up a basic test page with just the 3 divs you are working with > > is > > > the best way to go. Once you get it working in a simple test case, you > > can > > > build back up to your full page... > > > > BTW - unless you have some reason to show HTML content through your flash > > > file, you should set your wmode=opaque (this renders the swf with z-index > > > layering capability, but uses less CPU and avoids lots of browser bugs) > > > > Aran > > > > -----Original Message----- > > > From: [email protected] [mailto:[email protected]] On > > > > Behalf Of stoney_kun > > > Sent: Friday, 8 May 2009 9:28 AM > > > To: SWFObject > > > Subject: Re: Help with embeding Flash in HTML > > > > Okay the two divs are now aligned. Although, in IE6 the gap between > > > the aligned divs and the line below is not meant to be so large! It > > > should only be 5px. I have set object to "display:block". Can anyone > > > see the difference in the gap sizes? > > > > Please help... I am going mad! > > > > Thanks. > > > > On May 8, 3:51 am, Philip Hutchison <[email protected]> wrote: > > > > <div id="myflash"></div> > > > > > becomes > > > > > <object id="myflash"> > > > > > the object sometimes needs to have the css "display:block" added > > > > > - philip > > > > > On Thu, May 7, 2009 at 5:32 AM, Aran Rhee <[email protected]> wrote: > > > > > > Remember that when SWFObject is writing flash content to the page, it > > is > > > > > REPLACING the div you specify. It sounds like you need a wrapper div > > > which > > > > > you style / position etc and when the child div gets replaced, you > > can > > > > > still > > > > > control the post /style of the warpper. > > > > > > Aran > > > > > > -----Original Message----- > > > > > From: [email protected] [mailto:[email protected]] > > On > > > > > Behalf Of stoney_kun > > > > > Sent: Thursday, 7 May 2009 9:22 PM > > > > > To: SWFObject > > > > > Subject: Help with embeding Flash in HTML > > > > > > Man this is driving me insane... I have two divs one floating left, > > > > > the other floating right. Rather than displaying side-by-side, they > > > > > are stacking.. This error only occurs when the Flash content is > > > > > present!! > > > > > > Please help > > > > > >http://www.stoneykun.com/uma/island/ > > > > > > Thanks.- Hide quoted text - > > > > > - Show quoted text - --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "SWFObject" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/swfobject?hl=en -~----------~----~----~----~------~----~------~--~---
