White box in Safari [Archive] - Dynamic Drive Forums

Cilley360

10-02-2008, 01:56 PM

I have created a basic website in Dreamweaver. I have a page with a flash window and some text contained within a table. Now when I go to the page, it is fine. When I click reload, a white box shows up underneath the table and extends down to the bottom of the page. It only does this sporadically, and it only does it in safari. Firefox and IE are fine...

Does anyone know ho to get rid of the box, or what it is?

All my pages without flash are set up the same way, but I don't have this problem on them.

Medyman

10-02-2008, 03:34 PM

Please post a link to your site so we can observe and better diagnose the problem.

Cilley360

10-02-2008, 11:32 PM

http://www.cilley360.com/Pages/Main_Menu/Main_List.htm

Click on Interactive Music Simulator

When you reload it, sometimes it makes the white box(s) that I am talking about.

BabblingIdjit

10-03-2008, 10:20 PM

I am unable to duplicate the described behavior in Safari (Win) v 3.0.3.

bluewalrus

10-06-2008, 01:06 AM

I think i see the box your referring to i'm on a mac in safari. Its below the 123 links? If that is it I'd say it has something to do with your frames because this page http://www.cilley360.com/Pages/Portfolio/Simulator_Proposal.htm and the list page both display properly alone and the white box appears on the initial load on the frames page only. I'd try using css in place of the frames.

Cilley360

10-08-2008, 12:01 AM

zI am an amateur when it comes to HTML. That's why I use Dreamweaver. Is there any way to fix this without using CSS?

bluewalrus

10-08-2008, 01:52 AM

Not sure if this will work or not make a new html page and call it test.html put it in the same directory and put this in it.This should display as you had it without frames if it works and the white box is gone then keep the top half right AND go down to where it says  put in the code from each right page into that part. Also you'll have to take out the targets and relink each link.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Jonathan Cilley</title>
<style type="text/css">

</style>
<script language="JavaScript" type="text/JavaScript">

</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<div style="width:200px; float:left;">
 
PRINT 
 

01 <a href="../Portfolio/Abstraction.htm" target="Main" class="style6">Freedom of Abstraction</a> 
02 <a href="../Portfolio/Ready_To_Roll.htm" target="Main" class="style6">Rent-N-Roll</a> 
03 <a href="../Portfolio/Software_Engineering.htm" target="Main" class="style6">Software Engineering</a> 
04 <a href="../Portfolio/Rams.htm" target="Main" class="style6">St. Louis Rams</a> 
05 <a href="../Portfolio/Sunday.htm" target="Main" class="style6">Sunday Fundays</a> 

06 <a href="../Portfolio/Game_Over.htm" target="Main" class="style6">Game Over</a> 
07 <a href="../Portfolio/Gummo_Poster.htm" target="Main" class="style6">Gummo</a> 
08 <a href="../Portfolio/Save_Seals.htm" target="Main" class="style6">Design Against Fur</a> 
09 <a href="../Portfolio/Adbusters.htm" target="Main" class="style6">Adbusters Magazine</a> 
10 <a href="../Portfolio/Jail_Green.htm" target="Main" class="style6">Jail Bait Cycles & Rods</a> 

11 <a href="../Portfolio/Sucky_Furniture.htm" target="Main" class="style6">Rent One</a> 
12 <a href="../Portfolio/Metamorphosis.htm" target="Main" class="style6">The Metamorphosis</a> 
13 <a href="../Portfolio/Go_Green.htm" target="Main" class="style6">Go Green This Spring</a> 
14 <a href="../Portfolio/Pollution.htm" target="Main" class="style6">More People, More Pollution</a> 
15 <a href="../Portfolio/Hoosier_Orange.htm" target="Main" class="style6">Hoosier Olympics</a> 

16 <a href="../Portfolio/Tristram.htm" target="Main" class="style6">Tristram Flyer</a> 
17 <a href="../Portfolio/Literacy.htm" target="Main" class="style6">Alphabet Poster</a> 
18 <a href="../Portfolio/Visual_Diary_Eating.htm" target="Main" class="style6">Visual Diary</a> 
19 <a href="../Portfolio/Calendar.htm" target="Main" class="style6">Nursery Rhyme Calendar</a> 
19 <a href="../Portfolio/Skateboards.htm" target="Main" class="style6">Springfield Skate Park</a> 


WEB 

 
01 <a href="../Portfolio/Music_Simulator.htm" target="Main" class="style6">Interactive Music Simulator</a> 
02 <a href="Tortoise%20&%20Hare/Play-Button.htm" target="Main Frame" class="style6">The Tortoise & The Hare</a> 
04 <a href="../Portfolio/Commercial.htm" target="Main" class="style6">Mock Television Commercial </a> 

 
<a href="../Replay/Replay.html" target="_parent" class="style17">HOME</a>
</div>
<div style="float:left; width:750px;">
<div align="left"> 
</div>

<table width="200" height="513" border="0" align="left" cellpadding="0" cellspacing="6">
<tr>
<td bgcolor="#000000">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','617','height','411','src','../Content/Images/Music_Simulator/Music_Simulator','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../Content/Images/Music_Simulator/Music_Simulator' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="617" height="411">
<param name="movie" value="../Content/Images/Music_Simulator/Music_Simulator.swf">
<param name="quality" value="high">
<embed src="../Content/Images/Music_Simulator/Music_Simulator.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="617" height="411"></embed>
</object>
</noscript> </td>
</tr>
<tr>
<td height="84" align="left" valign="top"> Interactive Music Simulator 

Point, click and drag the shapes on the screen to 
create
your own musical and/or visual composition. 
Click the shape in the top left to reset the simullator. 
 
1<a href="Simulator_Proposal.htm" target="_self" class="style6"> 2</a><a href="Music_Shapes.htm" target="_self" class="style6"> 3</a> </td>
</tr>
</table>
</div>
</body>
</html>

Cilley360

10-09-2008, 01:24 AM

bluewalrus, I tried what you suggested. The first part worked. When I clicked refresh, there was no box. However, I am confused about where to put the code from each right page.

There was no, "" in your code.

The closest I found was:


Can you please clarify what to paste, and where to paste it?
Thank you, and I appreciate your time and assistance.

bluewalrus

10-09-2008, 06:30 AM

oo yea sorry about that forgot to add it in it goes in after this
</div>
<div style="float:left; width:750px;">
DELETE EVERYTHING IN HERE This is the second div though make sure it is 750px wide or just run a search in dreamweaver (make sure its checking source code) for "
</div>
<div style="float:left; width:750px;">".
.....if your in Firefox click your first link it'll load in the right side frame. click on it, and then right click or control click, then click "this frame" , then click "view this frame source". copy from right under the <body>to </body> and paste in in here/there. Your css i'm assuming here was/is the same for all of these pages and that you did not declare any java or additional css sheets in the head of these docs. But if you did just copy the link for them out of the head and put it into the new corresponding pages head (<head> it ends at </head>
but leave everything below this cause this because that closes the div body and html
</div>
</body>
</html>

Make sure to take out your targets and link the pages correctly.

Cilley360

10-10-2008, 12:50 AM

bluewalrus,

I think I am just too much of a rookie for this. I am totally lost at this point. I cannot figure out how to make this work properly. I know little/nothing about HTML.

I will probably just leave it the way it is, unless there is some other, more simplified way of making this work.

Thanks for your help.

bluewalrus

10-11-2008, 07:08 PM

you know how your left menu is working corresponding with your right side of the page right?
If not quick explanation:
You click that link and it loads that page on the right side. That right side has the code contained in it. Its 2 separate pages right now sharing 1 window. You want to make it 1 uniformed page with that same code which is what my code does. You right side had a window name that is what the target says to load into that window but since you not loading into that window you not going to be targeting that so you can delete that target path and link directly to the other page. IE.....

02 <a href="../Portfolio/Ready_To_Roll.htm" target="Main" class="style6">Rent-N-Roll</a> 
03 <a href="../Portfolio/Software_Engineering.htm" target="Main" class="style6">Software Engineering</a> 
04 <a href="../Portfolio/Rams.htm" target="Main" class="style6">St. Louis Rams</a> 
05 <a href="../Portfolio/Sunday.htm" target="Main" class="style6">Sunday Fundays</a> 

06 <a href="../Portfolio/Game_Over.htm" target="Main" class="style6">Game Over</a> 
07 <a href="../Portfolio/Gummo_Poster.htm" target="Main" class="style6">Gummo</a> 
08 <a href="../Portfolio/Save_Seals.htm" target="Main" class="style6">Design Against Fur</a> 
09 <a href="../Portfolio/Adbusters.htm" target="Main" class="style6">Adbusters Magazine</a> 
10 <a href="../Portfolio/Jail_Green.htm" target="Main" class="style6">Jail Bait Cycles & Rods</a> 

11 <a href="../Portfolio/Sucky_Furniture.htm" target="Main" class="style6">Rent One</a> 
12 <a href="../Portfolio/Metamorphosis.htm" target="Main" class="style6">The Metamorphosis</a> 
13 <a href="../Portfolio/Go_Green.htm" target="Main" class="style6">Go Green This Spring</a> 
14 <a href="../Portfolio/Pollution.htm" target="Main" class="style6">More People, More Pollution</a> 
15 <a href="../Portfolio/Hoosier_Orange.htm" target="Main" class="style6">Hoosier Olympics</a> 

16 <a href="../Portfolio/Tristram.htm" target="Main" class="style6">Tristram Flyer</a> 
17 <a href="../Portfolio/Literacy.htm" target="Main" class="style6">Alphabet Poster</a> 
18 <a href="../Portfolio/Visual_Diary_Eating.htm" target="Main" class="style6">Visual Diary</a> 
19 <a href="../Portfolio/Calendar.htm" target="Main" class="style6">Nursery Rhyme Calendar</a> 
19 <a href="../Portfolio/Skateboards.htm" target="Main" class="style6">Springfield Skate Park</a>02 <a href="../Portfolio/Ready_To_Roll.htm" class="style6">Rent-N-Roll</a> 
03 <a href="../Portfolio/Software_Engineering.htm" class="style6">Software Engineering</a> 
04 <a href="../Portfolio/Rams.htm" class="style6">St. Louis Rams</a> 
05 <a href="../Portfolio/Sunday.htm" class="style6">Sunday Fundays</a> 

06 <a href="../Portfolio/Game_Over.htm" class="style6">Game Over</a> 
07 <a href="../Portfolio/Gummo_Poster.htm" class="style6">Gummo</a> 
08 <a href="../Portfolio/Save_Seals.htm" class="style6">Design Against Fur</a> 
09 <a href="../Portfolio/Adbusters.htm" class="style6">Adbusters Magazine</a> 
10 <a href="../Portfolio/Jail_Green.htm" target="Main" class="style6">Jail Bait Cycles & Rods</a> 

11 <a href="../Portfolio/Sucky_Furniture.htm" class="style6">Rent One</a> 
12 <a href="../Portfolio/Metamorphosis.htm" class="style6">The Metamorphosis</a> 
13 <a href="../Portfolio/Go_Green.htm" target="Main" class="style6">Go Green This Spring</a> 
14 <a href="../Portfolio/Pollution.htm" class="style6">More People, More Pollution</a> 
15 <a href="../Portfolio/Hoosier_Orange.htm" class="style6">Hoosier Olympics</a> 
16 <a href="../Portfolio/Tristram.htm" class="style6">Tristram Flyer</a> 
17 <a href="../Portfolio/Literacy.htm" class="style6">Alphabet Poster</a> 
18 <a href="../Portfolio/Visual_Diary_Eating.htm" class="style6">Visual Diary</a> 
19 <a href="../Portfolio/Calendar.htm" class="style6">Nursery Rhyme Calendar</a> 
19 <a href="../Portfolio/Skateboards.htm" class="style6">Springfield Skate Park</a><span

Now you see this will currently only load the right side of the page but now you will need to add that code put above so that the left menu will show up. Basically you shouldn't give up here. Make a testing page and show me what your doing wrong of this isnt clear and link it and i'll send you what you did wrong and how to fix it and get others to work.

Cilley360

10-22-2008, 01:52 AM

bluewalrus,

I think I figured out what is causing this problem, but I could still use your help. I had an old website that I created from Dreamweaver MX. I never had the white box problem with that site. The current one that I am having trouble with was re-created in Dreamweaver CS3.

Now, When I open the old file (MX) in CS3, I get a warning. When I click "No" The white boxes don't show up. If I click "Yes," to convert the tags, I end up with the white boxes.

I attached a screenshot of the warning box as well as the window I get when I click preferences.

I have also put up the properly working (MX) link on my website, so you can see the code.

Is there a simple box I can check in the preferences to fix this?
Is there a difference in the two codes that can easily fix this?
If I choose not to convert the tags, will it not work in the newest Internet Explorer?

Thanks.

bluewalrus

10-23-2008, 01:24 AM

looks like you fixed it too me in safari its not showing up on my comp. But maybe ie i cant test it here. This is the code i've been using to display flash videos so it validates with W3
<object type="application/x-shockwave-flash" data="MOVIENAME.swf" width="SIZE" height="SIZE" ><param name="movie" value="MOVIENAME.swf" /><param name="wmode" value="transparent" /></object>

Medyman

10-23-2008, 01:39 AM

You should be using SWFObject 2.0 (http://code.google.com/p/swfobject/) for embedding Flash objects. It's the de facto standard for that sort of thing. Adobe is using it in the CS4 release.

bluewalrus

10-23-2008, 02:47 AM

cs4 is out?

Medyman

10-23-2008, 12:51 PM

cs4 is out?

lol...yup. It's all a part of Adobe's botched release. They didn't set a release date at their CS4 launch event. Then, they launched CS4 without putting the trial software on the site.

Cilley360

10-24-2008, 01:56 PM

bluewalrus

10-24-2008, 05:46 PM

nope i'm macing too only have 5.2

Medyman

10-24-2008, 06:12 PM

Bluewalrus, and Medyman,

Thank you so much for your help. It looks as though Medyman has the best solution to the problem though. This is why I am an amateur. It was as simple as downloading the newest version of Flash player.

Do either of you have the newest Internet explorer?
I really want to test it on that, but can't, for I am on a mac.

By newest do you mean IE7 or the IE8 beta? I use a Mac too but we have test machines which every common configuration you can think of.

If you're using SWFObject, it'll work.