Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Float problem with firefox

    I am trying to place a .swf file on an html page with some text styled to the left of it. I can get it to float correctly (float:right) in dreamweaver, but when I preview in firefox or safari, my three div's just stack. The code for the .swf file was created from flash.

    code:

    Code:
    <style type="text/css">
    <!--
    body {
    	background-color: #0099CB;
    }
    
    .main {
    	height: 400px;
    	width: 850px;
    	float: right;
    	position: absolute;
    }
    
    .flash {
    	float:left;
    	height: 400px;
    	width: 550px;
    }
    .whiteline {
    	width: 2px;
    	height: 400px;
    	background-color: #FFFFFF;
    	float: left;
    	padding: 0px;
    	margin-left: 10px;
    	margin-right: 10px;
    	position: relative;
    	}
    	
    .bodycopy {
    	margin-right: 0px;
    	margin-bottom: 0px;
    	float: right;
    }
    
    h3 {font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF; }
    
    h5 {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color:#FFFFFF;
    	bottom: auto;
    	background-position: 0px 200px;
    	line-height: 20px;
    }
    .style1 {
    	color: #D4E177
    }
    -->
    </style>
    </head>
    <body>
    <!--url's used in the movie-->
    <!--text used in the movie-->
    <!-- saved from url=(0013)about:internet -->
    <script language="javascript">
    	if (AC_FL_RunContent == 0) {
    		alert("This page requires AC_RunActiveContent.js.");
    	} else {
    		AC_FL_RunContent(
    			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
    			'width', '550',
    			'height', '400',
    			'src', 'cfnc_splash',
    			'quality', 'high',
    			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
    			'align', 'middle',
    			'play', 'true',
    			'loop', 'true',
    			'scale', 'showall',
    			'wmode', 'window',
    			'devicefont', 'false',
    			'id', 'cfnc_splash',
    			'bgcolor', '#ffffff',
    			'name', 'cfnc_splash',
    			'menu', 'true',
    			'allowFullScreen', 'false',
    			'allowScriptAccess','sameDomain',
    			'movie', 'cfnc_splash',
    			'salign', ''
    			); //end AC code
    	}
    </script>
    
    <noscript>
    
    
    <div class="flash">
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" id="cfnc_splash" align="middle">
    	<param name="allowScriptAccess" value="sameDomain" />
    	<param name="allowFullScreen" value="false" />
    	<param name="movie" value="cfnc_splash.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="cfnc_splash.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="cfnc_splash" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    	</object>
      </div>
    </noscript>
    
    <div class="whiteline"></div>   
    <div class="bodycopy">
    	<h3 class="style1"> Please join us for a benefit celebrating the 25th Anniversary of The Child & Family Network Centers</h3>
        <h5> An elegant cocktail reception and silent auction will be held on the evening of Friday, April 24. Proceeds from the benefit will help CFNC continue to provide free, accredited preschool to children living in poverty in Northern Virginia.  Over the past 25 years, CFNC has helped thousands of children from low-income families to enter kindergarten with the skills they need to succeed in school and life. </h5>
    </div>
    
    
    </body>
    </html>

  • #2
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    I think this is what you were after.


    Code:
    <style>
    body {
    background:#0099CB;
    }
    
    div.content
    {
    	height:400px;
    	width:850px;
    	border: 1px solid #ffffff;
    	padding: 10px 0 10px 0;
    }
    
    	div.content p
    	{
    		margin: 0;
    		padding: 5px;
    	}
    	
    	.gallery {
    display:inline;
    
    }
    .text {
    	width:300px;
    	float:right;
    	text-align:left;
    }
    .gallery img {
    	margin-left:5px;
    	padding:5px;
    	background:#eee;
    	border:5px solid #555;
    	outline:none;
    }
    
    .style1 {
    	color: #D4E177
    }
    
    h3 {font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF; }
    
    h5 {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color:#FFFFFF;
    	bottom: auto;
    	background-position: 0px 200px;
    	line-height: 20px;
    }
    	
    	</style>
    
    <script language="javascript">
    	if (AC_FL_RunContent == 0) {
    		alert("This page requires AC_RunActiveContent.js.");
    	} else {
    		AC_FL_RunContent(
    			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
    			'width', '550',
    			'height', '400',
    			'src', 'cfnc_splash',
    			'quality', 'high',
    			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
    			'align', 'middle',
    			'play', 'true',
    			'loop', 'true',
    			'scale', 'showall',
    			'wmode', 'window',
    			'devicefont', 'false',
    			'id', 'cfnc_splash',
    			'bgcolor', '#ffffff',
    			'name', 'cfnc_splash',
    			'menu', 'true',
    			'allowFullScreen', 'false',
    			'allowScriptAccess','sameDomain',
    			'movie', 'cfnc_splash',
    			'salign', ''
    			); //end AC code
    	}
    </script>
    
    
    <body>
    
    
    <div class="content">
    			    <div class="gallery">
    			    <div class="text">
    				  <h3 class="style1">Please join us for a benefit celebrating the 25th Anniversary of The Child &amp; Family Network Centers</h3>
    				  <h5> An elegant cocktail reception and silent auction will be held on the evening of Friday, April 24. Proceeds from the benefit will help CFNC continue to provide free, accredited preschool to children living in poverty in Northern Virginia.  Over the past 25 years, CFNC has helped thousands of children from low-income families to enter kindergarten with the skills they need to succeed in school and life. </h5>
    				  <p>&nbsp;</p>
    				  
    			      </div>
    				
    				<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" id="cfnc_splash" align="middle">
    	<param name="allowScriptAccess" value="sameDomain" />
    	<param name="allowFullScreen" value="false" />
    	<param name="movie" value="cfnc_splash.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="cfnc_splash.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="cfnc_splash" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    	</object>				</div>
    </div>
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • Users who have thanked PitbullMean for this post:

    freshd (03-03-2009)

  • #3
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    thanks a lot. That is sorta what I was looking for, I wanted the white line in between the text and the swf file, not a white border. That might be the part thats holding me up. For some reason when i preview your code in firefox, there are two swf files playing.

    Thanks I'll try and work with this now

  • #4
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    it may take u some tweaking but im glad to point u in the right direction. be sure to always click the "Thank User for this helpful post" on the lower right of the post made.
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •