Scalability across browsers

Hi guys,
I want to publish swf projects with scalable content. When I do so, it works fine in Chrome, Safari and IE but not in Firefox.
When I try to run it at a customer it doesn't seem to work in any browser. There are also differences between mine and my collegues browsers even when we use the same ones with the same version.
I suspect it's a browser setting but I can't figure out wich one. It might also be an HTML or CSS issue but I also can't see what's wrong there.
Any suggestions?
Thanks!

Came across my own thread again. This problem was caused by an older widget. Deleting this widget solved the problem.
So, when you have a problem with scalability, check you widgets

Similar Messages

Anchor links to accordion panels not working properly across browsers

Hi everyone,
I need some help to figure out why my anchor links to specific accordion panels on another page are not working properly across browsers.
I have a Map page which has tooltips on mouseover on the site markers. 15 of the tooltips have "Click here for information" anchor links (although only 14 are currently linked) which, in theory, would take you to the Nurseries page where the specified accordion panel would be opened with the nursery entry appearing at the top of the new browser window.
Here are the links to the Map page and Nurseries page, respectively:
www.alegriadesignstudio.com/RFRI/map_v6.html
www.alegriadesignstudio.com/RFRI/nurseries_v6.html
I've tested the anchor links on IE, Firefox, Google Chrome, and Safari, and have received varying results. In most cases, the anchor links worked perfectly on two of the browsers, while on the other browsers, the correct accordion panel is opened but the nursery entry does not appear at the top of the new browser window. Anchor links using Safari and Google Chrome fared better (10 out of 14 links worked properly, and 8/14, respectively), whereas when using Firefox and IE, only 3 anchor links worked properly. The target audience for this website will be using IE and Firefox, so I would appreciate any help to figure out how to tweak the code so that the most, if not all, anchor links work properly on these two browsers in particular.
Here's an anchor link which worked perfectly in IE, GC, and Safari, but in FF, the entry did not appear at the top of the new browser window.
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem
http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem [To access the anchor link on the Map page, mouseover the third green dot from the top of the map (Tooltip--Location: Mangatarem) and then click on "Click here for information."]
Here's a sample anchor link in which the entry did not appear at the top of the new browser window in any of the 4 browsers:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel [To access the anchor link on the Map page, go to "Mindanao" at the bottom of the map and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Brgys. Amabel, Bongolanon, Imamaling, & Manobisa; Magpet; North Cotabato) and then click on "Click here for information."]
Here's a sample anchor link in which the anchor link worked properly in GC and Safari, but the entry didn't appear at the top of the browser window in IE and FF:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar [To access the anchor link on the Map page, go to the small island north and a bit west of "Mindanao" which is called "Bohol" and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Bilar; Bohol) and then click on the first "Click here for information."]
Many thanks in advance for your assistance!
Joy

Hi everyone,
I'm still trying to figure out how to resolve the problem of anchor links to accordion panels not working properly across browsers (see original post for details). I would greatly appreciate any suggestions on how to resolve the problem.
Many thanks in advance.
Joy

How to adjust the AICC compliant CBT's to fit all screen sizes across browsers in Captivate 4

Hi,
I have made changed my Adobe Captivate 4 files to be AICC compliant by changing the Settings in Preferences.
When I publish the files, the standard.js file no longer adjusts the CBT's to fit all screen sizes across browsers, as it was doing before by adding the below code -
<style type="text/css"> html, body, #CaptivateContent { height:100%; }
body { text-align:center; margin:0; padding:0; overflow:hidden; }
</style>
Is there a way to scale Adobe Captivate AICC compliant files across different browsers?
Thanks!

That code doesn't go in the standard.js file but goes in the head of the HTM template used for AICC output.
Look in your Captivate install directory for the Templates > Publish > AICC > Default.HTM file and add the code there.
If you want 300 more troubleshooting tips for Cp, you'll need to read the book:
http://www.infosemantics.com.au/troubleshoot-adobe-captivate

Help needed with consistency across browsers

I know this is an age old problem but I am hoping that
someone can help me make my site look correct across all browsers.
In particular I would like spacing around elements to be
consistent.
My website is boxout.co.uk
If you view it Firefox or Safari on either a mac or pc the
spacing is exactly as I want it. Look at the site in Explorer and
the space at the top and bottom of the divs is missing. I have
linked 2 screenshots to highlight the problem areas.
Explorer -
incorrect layout
Safari -
Correct Layout
This is my css code

Hi Alec
The website is
www.boxout.co.uk
The css is www.boxout.co.uk/boxout.css
If you need to see screenshots these can be found at
www.boxout.co.uk/sampleimages/explorer.jpg
www.boxout.co.uk/sampleimages/safari.jpg
Thanks
Jeff

CSS not working correctly across browsers

I have a page that im using CSS to assign a background image
to a table
row..
In IE6 it works great..
in all the other browsers we tested it is missing
IE7
Opera
Firefox
Safari
Here is my CSS styling:
background-image:url('images/Menu-Bar.png');
background-repeat: no-repeat;
background-attachment: fixed;
width:950px;
height:59px;
ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
2008

Here is the complete code for the simple page we are working
with.. The
background image that is assigned to the table (
live-area.gif ) shows fine
for all browsers... but the image for the <tr> tage
only shows up for IE6
and not for any other browser..
<form id="form1" runat="server">
<div style="text-align: center">
<br />
<img alt="" src="images/Logo.png" style="width: 400px;
height: 108px;
text-align: center;" />
<table class="menu" width="100%"
style="background-position: center;
background-image: url('images/Live-Area.gif');
background-repeat: no-repeat;
background-attachment: fixed; background-color: #FF9933;
width:973px;
height:653px;"
align="center">
<tr height="15%" width="100%"
style="background-image:url('images/Menu-Bar.png');
background-repeat:
no-repeat; background-attachment: fixed; width :950px;
height:59px;">
<td>
<table width="90%" align="center">
<tr>
<td>
<CMS:DhtmlMenu ID="DhtmlMenu1" runat="server"
DefaultMenuID="8"
Stylesheet="" BackColor="Transparent"
MenuHoverOverColor="Transparent"
SubMenuBackColor="White" SubMenuHoverOverColor="#FFB618"
BackImageUrl="~/images/blank.gif" />
</td>
<td>
<CMS:DhtmlMenu ID="DhtmlMenu2" runat="server"
DefaultMenuID="10"
Stylesheet="" BackColor="Transparent"
MenuHoverOverColor="Transparent"
SubMenuBackColor="White" SubMenuHoverOverColor="#FFB618"
BackImageUrl="~/images/blank.gif" />
</td>
<td>
<CMS:DhtmlMenu ID="DhtmlMenu3" runat="server"
DefaultMenuID="12"
Stylesheet="" BackColor="Transparent"
MenuHoverOverColor="Transparent"
SubMenuBackColor="White" SubMenuHoverOverColor="#FFB618"
BackImageUrl="~/images/blank.gif" />
</td>
<td>
<CMS:DhtmlMenu ID="DhtmlMenu4" runat="server"
DefaultMenuID="14"
Stylesheet="" BackColor="Transparent"
MenuHoverOverColor="Transparent"
SubMenuBackColor="White" SubMenuHoverOverColor="#FFB618"
BackImageUrl="~/images/blank.gif" />
</td>
<td>
<CMS:DhtmlMenu ID="DhtmlMenu5" runat="server"
DefaultMenuID="16"
Stylesheet="" BackColor="Transparent"
MenuHoverOverColor="Transparent"
SubMenuBackColor="White" SubMenuHoverOverColor="#FFB618"
BackImageUrl="~/images/blank.gif" />
</td>
</tr>
</table>
</td>
</tr>
<tr height="85%" valign="top">
<td colspan="5">
<asp:ContentPlaceHolder id="ContentPlaceHolder1"
runat="server">
<CMS:ContentBlock ID="ContentBlock1" runat="server" />
</asp:ContentPlaceHolder></td>
</tr>
</table>
</div>
<CMS:Login ID="Login1" runat="server" />
</form>
ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
2008
"John Waller" <[email protected]>
wrote in message
news:[email protected]...
> It's very hard to diagnose without seeing what you're
seeing or at least
> all the code (context is important - posting code
snippets in isolation is
> not overly helpful for accurate diagnosis).
>
> We have to take stabs in the dark and offer guesses like
Nadia is trying
> to do.
>
> --
> Regards
>
> John Waller

10g Disco Portlets : Scalability across hundreds of users

Hi,
Looking for some insight to scaling disco portlets across hundreds of users. Using Discoverer 10g 10.1.2 and have a portal with about 25 Disco Portlets scattered across a few portal pages. (Using Oracle Portal also) Every user gets the same pages, but the content of Disco portlets is different by user.
Most of the Disco Portlets are Worksheet Portlets showing a table + graph, the remaining disco portlets are Worksheet List portlets. Some portlets refresh hourly, and some are once a day.
We've staggered hourly portlets at different times of the hour so they don't all refresh at say the 00 mark of each hour. Portlet A refreshes at 00 minute mark, Portlet B refreshes at the 10 minute mark, etc.
Because each user needs to see different data, the disco portlets all use private connections vs. public connections, so each portlet graph shows different data depending on the user.
What's happening is at the 00 minute mark, each user is having their Portlet A being refreshed. As the number of users grows, this just gets worse and worse. There seem to be refreshes happening constantly. The kicker is, these hourly refreshes happen regardless of the user looking at the portal that day or not.
We're having challenges with scaling the portal as the number of users is growing. How did Oracle envision Disco Portlets to scale with hundreds/thousands of users? All we can do is stagger the hourly refreshes, but we can't stagger the users.
We have Disco running on one unix server, the database on a 2'nd server, Portal on a 3'rd and Infra on a 4'th.
Any insight into scaling Disco Portlets for the above scenario would be helpful.
Thanks.

Hi,
Let me see if I can start the ball rolling for you on this one with some insight from previous implementations.
"What's happening is at the 00 minute mark, each user is having their Portlet A being refreshed. As the number of users grows, this just gets worse and worse. There seem to be refreshes happening constantly. The kicker is, these hourly refreshes happen regardless of the user looking at the portal that day or not."
1. The portlets will get refreshed once per main portlet and an additional refresh for each customization. This could explain why you are seeing more refreshes than you expected.
2. The refreshes will occur per the schedule to refresh the data in cache whether or not the user is logged in.
The way is works at very high-level is like this:
The PortletProvider is a J2EE application running under OC4J_BI_Forms container.
It polls PTM5_SCHEDULE table every 2 seconds or as specified by peekSleepIntervalSec parameter in the configuration.xml
If a portlet refresh is found (ie the scheduled refresh time arrives) then the information about the refresh is added into a job queue within OC4J_BI_Forms.
Java threads pick up jobs from the queue (parallel processing, maxsessions).
For each job a session is picked up from the session pool, query is generated and sent to EUL/database to retrieve data.
Next, retrieved data is processed into XML and stored in PTM5_CACHE table as BLOB.
The PTM5_SCHEDULE table is updated with Last Refresh Date and Next Refresh Date, etc.
The next time the relevant portlet is accessed in a browser refreshed data are read from PTM5_CACHE (and formatted per customization).
Discoverer Portlet sessions can be pooled, enabling them to be reused by different Discoverer Portlets. Pooling Discoverer Portlet sessions saves CPU and memory resource usage.
You can see how to control these parameters via the Application Server Control or $OH/discoverer/configuration.xml file in the documentation here:
http://download.oracle.com/docs/html/B13918_03/con_files.htm#sthref1195
Now having said that, there have been a few bugs in the Portlet provider regarding how the session pool behaves and one that does not kill existing dis51ws processes.(bug 4929480)
I also seem to recall from past a bug about hourly refreshes specifically.
(bug 4929480) is documented in
Note 436135.1 Discoverer 10g (10.1.2) Sessions (dis51ws) Are Not Terminated After Timeout Causing Users Unable To Login
Oracle has produced some patches, but which one you apply really depends upon your version, environment (ie. EBS11i/SSO integrated or not), current patches applied and your platform.
You may have to work that out with Oracle Support, but I can tell you in general some good one-off merge patches that you should apply (based on my experiences).
From the note above:
For versions 10.1.2.1 / 10.1.2.0.2 (Discoverer 10.1.2.48.18 and 10.1.2.50.05):
Patch 5922220 is the latest known Portlet merge patch on top of 10.1.2.1 (10.1.2.50.05) for E-Business Suite Single Sign-On integrated customers and Patch 5497101 is the latest known Portlet merge patch on top of 10.1.2.1 (10.1.2.48.18) for other customers. Both of these patches include the above fix.
# For versions 10.1.2.2 (Discoverer 10.1.2.54.25):
* We recommend you apply Discoverer "cumulative patch II" ( Patch 6129303 ) as directed by Oracle Support if it is appropriate for your environment.
I would consider:
A.) Make sure you are patched appropriately
B.) Make sure you have tuned your Discoverer portlet session pool.
C.) If the load is large enough, you may need to consider an additional Discoverer standalone server with a load balancer.
A note on that: Load balancing portlets is a bit different than standard HTTP applications (Plus/Viewer) since each portlet application on each server will be checking the refresh table in the metadata repository (infrastructure) database.
You will have to ensure:
a.) the times on each server is synchronized
b.) the the peeksleepinterval is adjusted on each server to accommodate a smaller server vs. larger server (ie. which one you want to pick up more of the refreshes)
Oracle Support has documented those pretty well in MetaLink document 360310.1 How Discoverer Portlet Provider Refreshes Are Distributed In A Load Balanced Environment
I hope that helps get you started.
Other comments / experiences welcomed.
Regards,
Steve.

BUG? Fireworks to DW CSS gradients not consistent across browsers...?

Greetings -
I don't know if this is a bug or what, but after watching one of the Adobe TV roadshow videos I generated CSS gradients in Fireworks, selected ALL the browser compatible translations Fireworks provides and then copied/pasted the CSS into my web page in Dreamweaver. Looks good in DW - all seems well...until I view it with Firefox...
I'm not a Rocket Scientist, but also not a newbie.
Basically, IE, etc. all work fine EXCEPT Firefox! Firefox maintains the color, but distorts the gradient percentage and reverses the angle of gradient. E.g. if my gradient is going from dark on top to white on the bottom of a box, it all displays fine in the other browsers, but in Firefox the gradient goes left to right, dark to light...
And yes, I promise I made sure I have the Firefox CSS in addition to the IE, etc. before bothering you all.
OH! AND I am using the Fluid Grid set up in Dreamweaver...just FYI.
Am I missing something?
Do I have to manually update? (i.e., tie a rope around my waist and head on in to the looking glass - code land that is CSS gradients?
Is there something in DW that needs to be altered after the CSS from FW is added?
Many thanks for all your help and advice!
JL

JLSF45 wrote:
I don't know if this is a bug or what,
Yes, it's a bug in the code that Fireworks generates, not in the way that Firefox handles CSS gradients.
The reason for the problem is that browsers started implementing CSS gradients on an experimental basis long before the W3C standardization process got under way. For some reason, all browsers decided to calculate angles using the polar coordinate system, in which 0 degrees points right and the angles increase counterclockwise. This way of measuring angles appears to be common in geometry, but it's not the way that most people think of them.
The most common way of measuring angles is to use the compass system: 0 degrees points straight up, and angles increase in a clockwise direction. That's the way the W3C decided angles should be measured in CSS. Because 0 degrees in the polar coordinate system is 90 degrees in the standard CSS syntax, and angles increase in the opposite direction, the only angle that's the same in both systems is 45 degrees.
Unfortunately, whoever coded the Fireworks panel didn't realize that the standard syntax uses different angles, and nobody picked it up in beta testing. The problem has been reported to Adobe, and I'm told it will be fixed, but I don't know when.
Until it's fixed, you need to convert the angle in the unprefixed version of linear-gradient().
Subtract the angle generated by Fireworks from 360.
Add 90
For example, if the angle generated by Fireworks is 315deg, 360-315 = 45. 45 + 90 = 135. So change the angle in the unprefixed version to 135deg.
IE 10 also uses the standard syntax, so the conversion is necessary not only for Firefox, but it will be needed by all browsers.
This is a rare case of the value for browser-specific prefixes being completely different from the standard syntax.

I am having trouble with the position of my header image across browsers. white space above it in safari, pc, and crome then all to the right in firefox.

nydogworks.net
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>NYDogWorks Long Island Dog Training and Behavior</title>
<meta name="description" content="Serving all of Long Island, Nassau & Suffolk. NYDogWorks specializes in dog training, dog behavior, and puppy training.">
<meta name="keywords" content="dog training, long island dog training, dog trainer, long island dog obedience, puppy training classes">
<link href="css/mainstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />


<link href="css/overlay-apple.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.tools.min.js"></script>
<style>
div.apple_overlay h2 {
margin:10px 0 -9px 0;
color:#222;
font-weight:bold;
font-size:14px;
div.black h2 {
color:#222;
#apple {
margin-top:10px;
float: left;
width: 250px;
padding-right: 10px;
#apple img {
background-color:#fff;
padding:2px;
border:1px solid #ccc;
margin:2px 5px;
cursor:pointer;
-moz-border-radius:4px;
-webkit-border-radius:4px;
body {
margin-right: auto;
margin-left: auto;
</style>
    <script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script><script 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 type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26177215-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/nydogworks-logo-hover.png','images/training-services-on. jpg','images/behavior-therapy-on.jpg','images/off-leash-training-on.jpg')">
<div id="wrapper"> <div id="header">
<div id="logoBox"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/nydogworks-logo-hover.png',1)"><img src="images/nydogworks-logo.png" alt="NY Dogworks" name="Image3" width="280" height="200" border="0" id="Image3" /></a></div>
<div id="slogan">Serving All of Long Island, Nassau & Suffolk Counties<br />
Also serving Manhattan, Brooklyn & Queens
</div><div id="emailBox">
    <h2><img src="images/calltogetstarted.png" width="473" height="74" alt="Call to get started" /></h2>
    </div><div id="mainNav">
<ul class="dropdown dropdown-horizontal" id="nav" name="nav">
<li><a href="about-ny-dog-works.html">About Us</a></li>
<li><a href="long-island-dog-training-programs.html" class="dir">Training Programs</a>
   <ul>
            <li><a href="basic-obedience.html">In Home Dog Training</a></li>
            <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
            <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
            <li><a href="off-leash-training.html">Off Leash Training</a></li>
            <li><a href="puppy-training-program.html">Puppy Training</a></li>
</ul>
</li>
    <li><a href="dog-trainer-testimonials.html" class="dir">Testimonials</a></li>
<li><a href="contact-long-island-dog-trainer.html" class="dir">Contact Us</a></li>
</ul>
</div>
</div>
<div id="container">
<div id="imgholder"><a href="long-island-dog-training-programs.html"><img src="images/main-header.jpg" alt="private dog training long island new york" width="951" height="416" border="0" /></a>
<div id="program1"><a href="long-island-dog-training-programs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/training-services-on.jpg',1)"><img src="images/training-services.jpg" alt="dog training services" name="Image6" width="315" height="137" border="0" id="Image6" /></a></div>
<div id="program1"><a href="board-and-train-dog-program.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/boarding_training-on.jpg',1)"><img src="images/Boarding_training.jpg" alt="board and train dog program" name="Image5" width="315" height="137" border="0" id="Image5" /></a></div>
<div id="program1"><a href="dog-behavior-therapy.html" onmouseout="MM_swapImgRestore()" onmouseover=
"MM_swapImage('Image7','','images/Behavior_therapy2-on.jpg',1)"><img src="images/Behavior_therapy2.jpg" alt="behavior therapy" name="Image7" width="311" height="137" id="Image7" border="0" align="right" /></a></div>
</div>
<div id="pageContentNoside">
   <div id="sideSub">
     <h2>Dog Training Services<br />
       </h2>
     <ul id="subnav">
       <li><a href="basic-obedience.html">Basic Obedience</a></li>
       <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
       <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
       <li><a href="off-leash-training.html">Off Leash Training</a></li>
       <li><a href="puppy-training-program.html">Puppy Training</a></li>
       </ul>
     <br />
     <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F NYDogWorks%2F219268038151244%3Ffref%3Dts&width=248&height=558&show_faces=true& amp;colorscheme=light&stream=true&border_color=%23FFFFFF&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:248px; height:558px;" allowTransparency="true"></iframe>
     <p><br />
       </p>
     <p> </p>
     <p><img src="images/4449da18fc3aa2f249d17dc90ebd5531.jpg" width="145" height="136" /><br />
     </p>
     </div>
   <div id="mainContentFeature1">
     <h2>Welcome To NY Dogworks</h2>
     <p><img src="images/dog-breaking-through.jpg" alt="new york dog trainer" width="136" height="170" class="h_img_float_right" />Our private one on one training lessons are done at your home by a Professional Certified Trainer and Behavior Expert. The lessons are tailored to fit what you would like done with your puppy or adult dog. <br />
       <br />
       We use a humane, positive and scientifically sound approach that makes it easy for you and your dog to succeed. Our instructions are broken down into simple steps so that everyone can take part in the training and be able to practice as a family. <br />
       <br />
       <span class="employeeName">Call Today for a Free Consultation!!      </span></p>
     <p>Do not have the time or patients to do the Training? Well then NY DogWorks has the answer.. We now do <a href="board-and-train-dog-program.html">Board and Train Programs</a> at our lovely facility in the home of Owner & Trainer Brian DeMartino. It is a 2 to 6 week program that is 100% guaranteed. Your dog will stay with us for no additional fee if we feel that he or she is not ready to graduate. This program can be for Puppy Training, Housebreaking, Socialization / Obedience & Manners / Behavior problems such as Aggression, Anxiety, or Fears / Advanced Off Leash Training / Personal Protection and much more..</p>
     <p>We also <a href="board-and-train-dog-program.html">board dogs</a> at our facility if you are going away and want your family pet to be cared for 24/7 as if he or she was one of our own. Plenty of playtime, walks, individual attention, grooming if needed, comfortable sleeping areas with their own bed, and lots and lots of love.. </p>
     <p>Let us help you have the relationship that you and your dog deserve.. <br />
       <br />
       <strong>We are now accepting</strong><br />
       <img src="images/creditcards.jpg" width="228" height="43" alt="now accepting credit cards" /><br />
       <br />
       <br />
       </p>
     <p><br />
       </p>
     <p><br />
       <br />
      </div>
   <div id="mainContentFeature2">
     <form action="form.php" method="post" name="form2" id="form2"> <table width="279" border="0" cellpadding="2" cellspacing="2">
       <tr>
         <td width="273"><h2>Quick Contact</h2></td>
         </tr>
       <tr>
         <td class="mainContent">Your Name</td>
         </tr>
       <tr>
         <td><span class="style9">
           <input name="forname" type="text" class="colorfieldssmall" id="forname" size="20" />
           </span></td>
         </tr>
       <tr>
         <td class="mainContent">Your Email Address* (required)</td>
         </tr>
       <tr>
         <td><span class="style7 style9">
           <input name="admail" type="text" class="colorfieldssmall" id="admail" size="25" />
           </span></td>
         </tr>
       <tr>
         <td class="mainContent">Phone Number</td>
         </tr>
       <tr>
         <td><span class="style7 style9">
           <input name="phone" type="text" class="colorfieldssmall" id="phone" />
           </span></td>
         </tr>
       <tr>
         <td><span class="mainContent">Type of Dog Training</span></td>
         </tr>
       <tr>
         <td class="mainContent"><span class="style9">
           <select name="need" class="colorfieldssmall" id="need">
             <option value="select one">select one</option>
             <option value="Basic Obedience">Basic Obedience</option>
             <option value="Behavior Therapy">Behavior Therapy</option>
             <option value="Board and Train">Board and Train</option>
             <option value="Off Leash Training">Off Leash Training</option>
             <option value="Puppy Training">Puppy Training</option>
             </select>
           </span></td>
         </tr>
       <tr>
         <td><span class="mainContent">Comments</span></td>
         </tr>
       <tr>
         <td><textarea name="comments" id="comments" cols="24" rows="8"></textarea></td>
         </tr>
       <tr>
         <td><div align="left">
           <input type="submit" name="submit" id="submit" value="Submit" />
           </div>
           </td>
         </tr>
       </table></form>
     <h2><br />
       We are available in the following areas:</h2>
     <p>Long Island, Nassau county, Suffolk county, Manhattan, Brooklyn, Bronx, & Queens.</p>
     <p>**We have pick up and drop off services for your pet for the boarding and boarding and training programs. <br />
       </p>
     <h2>Dog Training Testimonials<br />
       </h2>
     <p>Sending Otis to Brian for the board and train program was the best decision I ever made. After being told Otis could not be helped and that he should be put down, I was devastated. Otis has now been back from Brian's program for a few weeks and is extremely obedient and friendly. He is the same puppy we brought home a couple years ago, but calmer and without any aggression. We work on Otis' obedience daily as well as walk him and put him on the treadmill.   Thanks to Brian, our dog is happy-go-lucky and more approachable. The list goes on and on of how Brian has helped the family, myself, and especially Otis. If you are having issues with your dog, especially behavior and aggression problems, my advice to you is to trust Brian. Your dog will be in good hands with a safe, reliable, responsible, dog lover that will treat your dog like his own.<br />
       <span class="testimonalName"><strong><br />
         Victoria Zilli<br />
         </strong></span><span class="mainContent">Long Island, New York</span><br />
       <br />
       <a href="dog-trainer-testimonials.html">Read more dog training testimonals</a><br />
       <br />
       <br />
      <br /></div>
   <div id="breadCrumbs">
     <p><a href="index.html">Home</a> > Welcome to NY DogWorks New York's Premier Dog Training Company<br />
       <strong>Serving all of Long Island, Nassau & Suffolk County, Manhattan, Brooklyn & Queens</strong>        <br />
       </p>
     </div>
</div>
    <div id="footer">
      <div id="footermenu">
      <div id="footermenu1">
      </div>
    </div>
   <div class="phoneNumber" id="copyright"> Copyright © 2014 NY DogWorks</div>
     <div class="websiteDesign" id="sitedesigner">Long Island Website Design by <a href="http://www.wetribet.com" title="Wet Ribet" target="_blank" class="medlink">Wet Ribet</a>     </div>
</div>
</div>
</div>
</body>
</html>

The issue with that white space is explained by the use of relative positioning of your menu. Remember that relative positioning visually allows you to move an element, but that its "shadow" or "foot print" is retained in the document flow. So it still takes up space where it originally flowed in your content, and this causes the header image to position itself the way it does. Turn off the relative positioning of the menu to see what I mean. A simple solution is to set the #header to relative positioning, and then apply absolute positioning to the menu.
There are other issues with your code. Much of it can be simplified, and you should really stop using ID selectors from this point on, and predominantly use classes instead. The use of ID selectors ought to be limited as much as you can - they force you to write bloated convoluted code.
Try to write DryCSS (Don't Repeat Yourself).
Here is my somewhat cleaned up code. Notice I removed and simplified most of the css selectors. Some have no css properties at all anymore. And be careful that you cannot use re-use the same id selector in your html code: it will not validate. #program1 must become .program1
PS as always, please backup your files before applying these changes! Dreamweaver lacks a history/versioning feature!
*, *:before, *:after {
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
body {
    margin: 0 auto;
    background-color: #203610;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    font-size: 100%;
    color: #333;
#wrapper {
background: url("../images/wrapbg.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
margin: 0 auto;
width: 951px;
#header {
position: relative;
#mainNav {
background: url("../images/menubg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
bottom: 0;
padding: 0 15px 0 25px;
position: absolute;
right: 0;
width: 510px;
.dropdown li { /* simplify .dropdown li !*/
float: left;
line-height: 2.2em;
.dropdown a { /* simplify ul.dropdown li a !*/
display: block;
font-weight: bold;
padding: 7px 12px;
#container {
background-color: #fff;
border-top: 6px solid #6f9f49;
#imgholder {
.program1 { /* you CANNOT have multiple id selectors sharing the same name! Use classes!!! */
float: left;
width: 315px;
rewrite this in your html:
<div class="pageContentNoside">
    <div class="col-1-3 sideSub">
    <div class="col-1-3 mainContentFeature1">
    <div class="col-1-3 mainContentFeature2">
    <div class="breadCrumbs">
</div>
.col-1-3 {
float: left;
width: 33.3333%;
padding: 25px 15px;
#sideSub {
#mainContentFeature1 {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
#mainContentFeature2 {
#footer {
clear: both;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
font-size: 0.7em;
height: 45px;

Animation issues across browsers

I have several tweens created using AS3 and then several
tweens created just using motion tweens on the timeline. When I
view my website in Firefox (latest version), about 50% of the time,
the actionscript tweens will not complete the entire tween or not
start altogether. On the other hand, sometimes it works flawlessly.
The motion tweens created with the timeline always work in there
entirety. When I view it in Safari (also latest version), the
tweens work about 90% of the time, but there is a few instances
where the tweens won't go all the way through their specified
animation
The site is
here.
Anybody have any idea why this is happening? Using CS3 with
AS3

Ok a quick update on the problem I'm having. I replicated
this effect, to some extent, by just testing the movie in flash.
The problem acts slightly different and occurs much less often when
just testing within flash but it is still there. WIthin flash,
every now and then, the tweens just simply won't initiate at all as
opposed to looking at the movie in a browser where the tween either
doesn't initiate or stops in the middle of the animation.
Below is the code that I have in five separate frames that
correspond to five different buttons. I've done several flash
projects but have never seen any kind of behavior like this. Any
suggestions would be greatly appreciated.
import fl.transitions.Tween;
import fl.transitions.easing.*;
new Tween (container_mc, "x", Back.easeInOut, container_mc.x,
26.4, 20, false);
necklaces1_mc.buttonMode=true;
necklaces2_mc.buttonMode=true;
necklaces3_mc.buttonMode=true;
necklaces4_mc.buttonMode=true;
necklaces5_mc.buttonMode=true;
necklaces6_mc.buttonMode=true;
new Tween (necklaces1_mc, "x", Strong.easeInOut,
necklaces1_mc.x, 32.6, 30, false);
new Tween (necklaces1_mc, "alpha", Regular.easeIn, 0, 1, 30,
false);
new Tween (necklaces2_mc, "x", Strong.easeInOut,
necklaces2_mc.x, 137.9, 30, false);
new Tween (necklaces2_mc, "alpha", Regular.easeIn, 0, 1, 30,
false);
new Tween (necklaces3_mc, "x", Strong.easeInOut,
necklaces3_mc.x, 243.2, 30, false);
new Tween (necklaces3_mc, "alpha", Regular.easeIn, 0, 1, 30,
false);
new Tween (necklaces4_mc, "x", Strong.easeInOut,
necklaces4_mc.x, 32.6, 30, false);
new Tween (necklaces4_mc, "alpha", Regular.easeIn, 0, 1, 30,
false);
new Tween (necklaces5_mc, "x", Strong.easeInOut,
necklaces5_mc.x, 137.9, 30, false);
new Tween (necklaces5_mc, "alpha", Regular.easeIn, 0, 1, 30,
false);
new Tween (necklaces6_mc, "x", Strong.easeInOut,
necklaces6_mc.x, 243.2, 30, false);
new Tween (necklaces6_mc, "alpha", Regular.easeIn, 0, 1, 30,
false);

Layers lining up across browsers

How can I overcome the problem of my layers not lining up.
They look fine in Explorer, but in Safari and Opera they are off by
10 pixels or so. Is there a way I can to fix this, or at least
trick it? I need to place a click-able roll-over image EXACTLY
where I want it over a background image. HELP PLEASE
thanks!
Jeff

Without code, all I could suggest would be that you try
changing your
socks....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jeffmiami72" <[email protected]> wrote in
message
news:e28k7e$s1i$[email protected]..
> How can I overcome the problem of my layers not lining
up. They look fine
> in
> Explorer, but in Safari and Opera they are off by 10
pixels or so. Is
> there
> a way I can to fix this, or at least trick it? I need to
place a
> click-able
> roll-over image EXACTLY where I want it over a
background image. HELP
> PLEASE
> thanks!
> Jeff
>

Navigation problem across browsers

Custom navigation does not work in IE. No indication of hyperlinks at all. Just static picture. Works great in Safari, FF.
Help.

Hi,
If you want to change the background color of the detailed navigation list itself , you should make sure you have changed the following:
Navigation Panel->Detail Navigation List->Background Color of List
This should work.
if not ,you should clear the cache, and logout/login again.
Also try to see if other theme properties on the DTN changes somethign.
Regards,
Tal.

Flash Plug-in Crashes across all browsers despite re-install

About a week ago, my MacBook's Firefox browser started crashing whenever I checked my hotmail or Youtube, failing to load the flash content in either a banner add or the Youtube video, I uninstalled flash, and the problem went away, only now I am unable to visit youtube or access any flash content on the internet. The problem extends across browsers to Safari and despite reinstalling, trying to revert to an old flash player, even downloading the full trial version of Flash from this website on the suggestion of a tech support person from this site, I have been unsuccessful. The browser crashes whenever it comes across any flash content.
Can you help me?

I left it at 10.0.12.36
From: computermachine <[email protected]>
Reply-To: <[email protected]>
Date: Mon, 6 Jul 2009 13:51:31 -0400
To: "Kelly, Suzanne (Agency)" <[email protected]>
Conversation: Flash Plug-in Crashes across all browsers
despite re-install
Subject: Flash Plug-in Crashes across all browsers despite
re-install
what version of flash is working now?
Date: Mon, 6 Jul 2009 08:24:06 -0600
From: mailto:[email protected]
To: mailto:[email protected]
Subject: Flash Player Flash Plug-in Crashes across all browsers despite
re-install
I support a bunch of Mac users and one of them (10.5.7 MBP) ran into this same
problem last week with both Safari and Firefox crashing with the flash player
plugin. If I removed the Flash Player plugin and the .xpt file there was no
crashing but no flash either. I used a combination of different suggestions and
here's what finally worked (so far anyway):
Show package contents for Firefox/Contents/MacOS/components and Get Info
changing perms for read/write for everyone.
Re-installed shockwave plugin using the customized full install (this made no
sense to me since I had made no change to shockwave but as I was testing the
browsers I was prompted to install it, so I did)
Repaired permissions
The version of the Flash Player plugin that ended up installed on this Mac is
10.0.12.36. I started off installing the newer and recommended 10.0.22.87
version but it didn't fix anything. I inadvertently went backwards as I moved
plugins in and out of the Library. I didn't want to change anything once it was
working so I left it at the older version. I hope this helps someone else.

Viewing Flash Across different browsers?

Is it capable of letting me view flash work across the browsers?

Hi LaToneaL,
Thanks for your interest in BrowserLab! The service does render Flash content, however it does not do so on Firefox 2 (both Windows and Mac) due to a bug in that version of Firefox. That said, the focus of BrowserLab is on HTML/CSS layout moreso than on testing Flash (which generally works consistently across browsers).
Cheers,
Josh

Design View Nonworkable - Fine in Browsers and Validation

Hi!
I have year old sites and new sites using CSS and server side
includes (both php and asp) that are nonworkable in design view in
Dreamweaver CS3. Sites were fine in Macromedia 8 but not now. My
very old sites are fine - they are straight HTML sites.
I have read several past posts on this problem and ruled out
many of the solutions for my case. My pages are clean in WC3
validation (meaning no errors) - since this is what Adobe
Dreamweaver support was concerned about when I took out an support
incident with them. The sites display fine in 6 browsers, but not
in DW CS3 now that I upgraded. This makes no sense.
I see some answers that CS3 is not as tolerant as before of
bad coding. This is not the issue, it is validated and displaying
across browsers fine.
I and my staff are crippled working on these sites now that
we have all upgraded to CS3 with the way they are displaying.
Here are some pages that I am having problems with:
http://www.scandpg.org/meeting_event.php
http://www.eatrightny.org/about/about_site.php
http://www.eatrightmissouri.org/jobs/index.asp
(site workign on now, not live)
http://www.hada.com/about/board.asp
I have found if I uncheck server side includes in preferences
for invisible elements I can work on the content better, but this
is a workaround but does not resolve the fact that DW is not
displaying coding in view correctly and still leaves some issues
when developing a site.
Thanks for your help in shedding light on this as I may be
off. My conclusions are drawn from a support incident/ticket with
Adobe on this very same thing, looking at the DW forum postings
over the last six months on this and my own recent experiences.
Thanks in advance for your help.
Healthy regards,
Teresa

If you want to work in DW, then you must adopt this approach
to the use of
server-side includes:
> The parent file is the ONLY one that can contain
<html>, <head>, or <body>
> tags.
> The include files cannot contain those tags.
> The final assembled page must therefore only contain one
instance of each
> with its associated closing tag.
That seems to be your largest problem.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"terepan" <[email protected]> wrote in
message
news:[email protected]...
> Thanks!
>
> I agree I have HTML errors on some, but did not think
they would cause
> pages
> to be as extremely distorted in design view as they are
coming up in DW
> CS3 now.
>
> I appreciate you looking at the pages. This may help you
in helping me. I
> now
> took out all the HTML on this page except the body, head
and title tags.
> The
> red pepper image in DW CS3 displays in the middle of the
page. I can not
> add
> any content in design view in the main content area of
this page.
>
>
http://www.eatrightmissouri.org/jobs/index.asp
>
> I do appreciate the idea of having a web development
tool that will force
> me
> into industry standards.
>
> My concern is this is not true. I hope there is an easy
fix. It is not
> desirable to take out the server side includes when
entering content.
> Part of
> the expertise in putting together effective pages is
more than coding. It
> is
> bringing the content to life and getting the intended
message across to
> target
> markets. This is difficult when you are designing and
can not even see
> the
> entire page when making decisions on how to display the
information.
>
> I wouldl like it if it was as simple as my HTML errors,
but looking at my
> full experience with ths display issue in design view,
this does not
> explain
> it all.
>
> Thanks for looking at the pages. If you could look at
the one I took out
> most
> all the HTML and I will cross my fingers there is a
simple fix. I am in
> the
> process of getting pages in this site ready to turn over
to my staff and
> am
> perplexed what to do.
>
> Healthy regards,
>
> Teresa
>
>

Why are my styles not rendering correctly within differing browsers ?

Hi - I'm building a site with WordPress and for some crazy reason the css styles I apply to the secondary Nav in the footer do not want to render across browsers. BUT they do render *perfectly* inside DW. I have tested in chrome, IE8, Safari and Firefox 4.0. They refuse to pick up the link a:link => #FFF instead they default to the a:link color given inthe primary Nav. The hover color works fine. I repreat, inside DW everything is fine.
I have tried making the footer-nav and the primary-nav highly specific to no avail. My HTML looks fine, however, obviously WordPress generates additional HTML in building the unorder list for the navigation menu.
I have spent hours on this with no results - ANY ideas are really welcome !   I privide th relavent HTML and CSS below: Thanks Vincej
HTML:
<div id="footer">
        <div id="footer_nav">
        <?php wp_nav_menu(array ('menu' => 'Footer Nav'));?>
        </div>

CSS:
#footer{
     width:960px;
     height:auto;
     margin: -20px auto 15px auto;
     background-color:#333;
#footer_nav {
     padding-top: 10px;
     margin-left:80px;
     font-size:1.4em;
     font-family:Tahoma, Geneva, sans-serif;
#footer_nav li a:link{
     color:#fff;
#footer_nav li a:hover{
     color:#D72100;
#menu-footer-nav li{
     list-style-type: none;
     display: inline;
     padding-right: 50px;

I have just answered the question myself - it has only taken 4 hours !!
when you are developing with Worpress and testing yor site in a real browser you MUST CLEAR THE CACHE between each visit to the site. DW does not keep cached data, therefore DW looks correct and real browsers look 'wrong'.
sorry to waste everyone;s time
the obvious sometiimes defets us !!

Scalability across browsers

Similar Messages

Maybe you are looking for