I have been designing a site using Dreamweaver (new user to DMX) and checking in FF and Safari. All of a sudden the site will not appear in Safari 3.0.4 It is open because I can see the code in View Source and the title is in the browser window but nothing appears on the page in Safari. Any troubleshooting ideas?

post the code <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>

Javier
"I'm a slow learner and I forget fast" grandpa
DW | FW | ASP | HTML | CSS

I have two files and I'm not sure which is the problem. I thought maybe it was a known Safari bug but could not find anything about it. See code below - both style sheet and .dwt file

the style sheet .css (below)


body {
/*background-image: url(images/legosBkg1.png)*/

font-family: verdana, "times new roman", serif; color: #00f;

}
#pictures {width: 80%; float: right;

}

#pictures img {
position: absolute;
left: 400px;
padding: 10px;
width: 265px;
height: 175px;
top: 286px;
}

#pictures2 {width: 100%;

}
#pictures2 img {
position: absolute;
left: 400px;
padding: 10px;
width: 265px;
height: 175px;
top: 500px;
}

#header {
margin: 0px; padding: 0;
position: absolute; top: 0;left: 0;
background-color: #0066cc;
z-index: 2000;
}

#attribution {text-align: right; color: #f00; font-size: .3em; position:absolute; top: 640px;
}

#navbar {
position: absolute; top:148px; left:0;
background-color: #06c;
width: 800px;
padding-top: 0;

}


#content p {
color: #00f; font-size: 1.2em; font-family: Verdana; font-weight: bold;
}

#content {
color: #00f;
background-color: #FFF;
font-size: 1em;
margin: 10px 10px 10px 0px;
margin-left: 180px;
width: 600px;
float: left;
padding: 5px;
position: absolute; top: 220px;
left: -20px;
}

#content img{ float: right;
}


#partners {
margin-left: 10px;
width:15%;
position: absolute;
top: 218px;
background-color: transparent;
}

#partners img {width: 75px;
}

#partners td{padding-top: 20px;

}

#navbar { background-color: #0066cc; }

#navbar ul, ol, dl {position: relative; }

@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

LAYOUT INFORMATION: describes box model, positioning, z-order

*******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
#navbar ul.MenuBarHorizontal
{
border-top:6px solid #f00;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 800px;
background-color: #0066cc;
position: absolute;
left: 0px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
#navbar ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
#navbar ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 125px;
float: left;
background-color: #0066cc;


}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
#navbar ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
background-color: #0066cc;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
#navbar ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: auto;
}
/* Menu item containers are same fixed width as parent */
#navbar ul.MenuBarHorizontal ul li
{
width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
#navbar ul.MenuBarHorizontal ul ul
{
position: absolute;
margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
#navbar ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: auto;
top: 0;
}

/*******************************************************************************

DESIGN INFORMATION: describes color scheme, borders, fonts

*******************************************************************************/

/* Submenu containers have borders on all sides */
#navbar ul.MenuBarHorizontal ul
{
border: 1px solid #ccc;
}
/* Menu items are a light gray block with padding and no text decoration */
#navbar ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #06c;
padding: 0.5em 0.75em;
color: #ffff00;
text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
#navbar ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
background-color: #0066cc;
color: #f50;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
#navbar ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
#navbar ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: #0066cc;
color: #f50;
}

/*******************************************************************************

SUBMENU INDICATION: styles if there is a submenu under a given menu item

*******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
#navbar ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
#navbar ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
#navbar ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
#navbar ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/*******************************************************************************

BROWSER HACKS: the hacks below should not be changed unless you are an expert

*******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
#navbar ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
#navbar ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
f\loat: left;
background: #FFF;
}
}









and the template .dwt file (below)


&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;

&lt;head&gt;
&lt;!-- TemplateBeginEditable name="doctitle" --&gt;
&lt;title&gt;STAR PROGRAM&lt;/title&gt;
&lt;!-- TemplateEndEditable --&gt;
&lt;link rel="stylesheet" type="text/css" href="../WebSiteDup/star2.css" /&gt;
&lt;meta name="keywords" content="robotics, STAR"&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
&lt;style type="text/css"&gt;
&lt;!--Take this out to update-&gt;
&lt;/style&gt;
&lt;script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;!--&lt;link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"&gt;--&gt;
&lt;!-- TemplateBeginEditable name="head" --&gt;&lt;!-- TemplateEndEditable --&gt;&lt;!-- TemplateParam name="Image" type="boolean" value="false" --&gt;&lt;!-- TemplateParam name="Image2" type="boolean" value="false" --&gt;&lt;!-- TemplateParam name="ContentImage2" type="boolean" value="false" --&gt;&lt;!-- TemplateParam name="OptionalRegion1" type="boolean" value="false" --&gt;&lt;!-- TemplateParam name="OptionalRegion2" type="boolean" value="false" --&gt;&lt;!-- TemplateParam name="src" type="URL" value="image_location" --&gt;&lt;!-- TemplateParam name="alt" type="text" value="page image" --&gt;&lt;!-- TemplateParam name="OptionalRegion3" type="boolean" value="false" --&gt;&lt;!-- TemplateParam name="OptionalRegion4" type="boolean" value="false" --&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div id="header"&gt;&lt;img src="../WebSiteDup/images/starLogo5.gif" /&gt;&lt;/div&gt;


&lt;div id="navbar"&gt;


&lt;ul id="MenuBar1" class="MenuBarHorizontal"&gt;
&lt;li&gt;&lt;a href="../WebSiteDup/index.html"&gt;Home&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;&lt;a href="../WebSiteDup/partners.html"&gt;Program Partners&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="MenuBarItemSubmenu" href="../WebSiteDup/resources.html"&gt;Teacher Resources&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a class="MenuBarItemSubmenu" href="../WebSiteDup/sites.html"&gt;Useful Websites&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="../WebSiteDup/wmlinks.html"&gt;Program Weblinks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="../WebSiteDup/teacherlinks.html"&gt;Teacher Provided Links&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="../WebSiteDup/resources.html"&gt;Teacher Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="../WebSiteDup/other.html"&gt;Other&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="../WebSiteDup/data.html"&gt;Program Data&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="../WebSiteDup/faq.html"&gt;FAQs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="../WebSiteDup/contacts.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;


&lt;!-- TemplateBeginEditable name="EditContent" --&gt;
&lt;div id="content"&gt;

&lt;p&gt; &lt;font color="red"&gt;What is STAR?&lt;/font&gt;&lt;/p&gt;
The Supporting Teacher Advancement through Robotics (STAR) hopes to generate and sustain the interest and excitement of adolescents in careers in mathematics, physics, engineering and or other sciences.&lt;br /&gt;
&lt;br /&gt;
The STAR project has provided sustained, intensive training for teams of teachers, a total of 39 seventh and eighth grade teachers from Accomack and Portsmouth schools in robotics and in standards-based mathematics, science, social studies, and language arts. Two engineer mentors were trained with each school team and many co-taught with classroom teachers during the classroom implementation of robotics lessons. Teachers received two graduate credits upon successful completion of the basic robotics course and one credit upon successful completion of the course involving action research with the robotics curriculum. Special education specialists, technology resource teachers, principals, and counselors received training in how to support the effort of teachers to increase student interest and achievement in mathematics, science, engineering, and technology. &lt;b /&gt;
&lt;h4&gt;Supported through the State Council of Higher Education for Virginia&lt;/h4&gt;
&lt;/div&gt;
&lt;!-- TemplateEndEditable --&gt;
&lt;!--
&lt;div id="attribution"&gt;
&lt;p&gt;Supported through the State Council of Higher Education for Virginia&lt;/p&gt;
&lt;/div&gt;
--&gt;
&lt;div id="partners"&gt;
&lt;table width="15"&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src="../WebSiteDup/images/wmseal.png" alt="William and Mary Seal" /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;
&lt;td&gt;&lt;img src="../WebSiteDup/images/portsmouth.png" alt="Portsmouth School Logo" /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;
&lt;td&gt;&lt;img src="../WebSiteDup/images/nasa.png" alt="NASA Logo" /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;
&lt;td&gt;&lt;img src="../WebSiteDup/images/accomack.png" alt="Accomack School Logo" /&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt;
&lt;td&gt;&lt;img src="../WebSiteDup/images/navsea1.png" alt="Naval Warfare Site Logo" /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;

&lt;/div&gt;


&lt;/script&gt;

&lt;div id="pictures"&gt;&lt;!-- TemplateBeginIf cond="OptionalRegion3" --&gt;&lt;!-- TemplateEndIf --&gt;&lt;/div&gt;

&lt;div id="pictures2"&gt;&lt;!-- TemplateBeginIf cond="OptionalRegion4" --&gt;&lt;!-- TemplateEndIf --&gt;&lt;/div&gt;

&lt;script type="text/javascript"&gt;
&lt;!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//--&gt;
&lt;/script&gt;
&lt;/body&gt;


&lt;/html&gt;


<b></b><font size=4></font id=size4>

At the end of your CSS there is an extra curly bracket. Take it off.

I did a test by copying your CSS and putting it between the HEad tags like:

&lt;head&gt;
&lt;title&gt;&lt;/title&gt;

&lt;style type="text/css"&gt;

your CSS minus the extra curly bracket at the very end
&lt;/style&gt;


&lt;/head&gt;
&lt;body&gt; and so on....


Perhaps you are not linking your CCS properly? check your path to the CSS file.

LEt me know how it goes. cheers.

Javier
"I'm a slow learner and I forget fast" grandpa
DW | FW | ASP | HTML | CSS