White box in Safari

**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/Portf...r_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.

Code:

<!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">
<!--
body {
	background-color: #000000;
}
.style4 {	font-family: Myriad, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.style6 {
	font-family: Myriad, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
}
.style10 {font-size: 24px}
.style14 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.style17 {
	font-size: 12px;
	color: #999999;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #bc851a;
	text-decoration: none;
}
a:active {
	color: #BC851A;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
body,td,th {
	color: #666666;
	font-family: Myriad, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}
a {
	font-size: 12px;
	font-family: Myriad, Arial, Helvetica, Verdana, sans-serif;
}
.style21 {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<div style="width:200px; float:left;">
<p><br>
  <strong><span class="style10">PRINT<br>  
  </span><span class="style21"><br>

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

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

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

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

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

  <br>
</span><span class="style14"><span class="style17"><a href="../Replay/Replay.html" target="_parent" class="style17">HOME</a></span></span></p>
</div>
<div style="float:left; width:750px;">
<div align="left"><br>
  </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"><p align="left"><span class="style3"><span class="style22"> Interactive Music Simulator</span><br>

    </span><span class="style6">Point, click and drag the shapes on the screen to <br>
create 
    your own musical and/or visual composition.<br>
Click the shape in the top left to reset the simullator.<br>
<br>
<span class="style23"><span class="style21">1</span></span><a href="Simulator_Proposal.htm" target="_self" class="style6"> 2</a><a href="Music_Shapes.htm" target="_self" class="style6"> 3</a></span></p>    </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.

Thread: White box in Safari

Thread Tools

Search Thread

White box in Safari

Bookmarks

Bookmarks

Posting Permissions