Firefox & Ebay - large white space / gap

Hey everyone,
Weird error which I saw on Opera a few years back, now seems to be happening with Firefox!
I have restarted firefox with addons disabled and this did not resolve the issue.
There is a large white space or gap between the end of an eBay listing and the bottom of the page, see the screenshots below.
Take note of the size of the scroll to the right.
Random eBay listing...
http://dl.dropbox.com/u/10591127/firefox1.png
http://dl.dropbox.com/u/10591127/firefox2.png
Cheers

Does it display properly if you disable the Flash plugin as a test?
*Tools > Add-ons > Plugins
Create a new profile as a test to check if your current profile is causing the problems.
See "Basic Troubleshooting: Make a new profile":
*https://support.mozilla.com/kb/Basic+Troubleshooting#w_8-make-a-new-profile
There may be extensions and plugins installed by default in a new profile, so check that in "Tools > Add-ons > Extensions & Plugins" in case there are still problems.
If that new profile works then you can transfer some files from the old profile to that new profile, but be careful not to copy corrupted files.
See:
*http://kb.mozillazine.org/Transferring_data_to_a_new_profile_-_Firefox

Similar Messages

  • How to prevent large blank spaces on webpage when using Slide Behaviors?

    I searched the forums for similar problems with applying the Slide Behaviour to elements through the DW CS5 interface and found a useful post titled "Problem with Applying Spry "Slide Effect" so now my slide effects works the way I want, except instead of sliding out a caption after clicking on an image, I slide out a list of text items when clicking on a section of text.  This works, but there is a large gap when the webpage first loads. How can I remove/prevent this large white space from appearing?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Testing Document</title>
    <!--<script type="text/javascript" src="../SpryAssets/SpryEffects.js"></script>-->
    <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
    <script type="text/javascript">
    function MM_effectSlide(targetElement, duration, from, to, toggle)
              Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
    </script>
    </head>
    <body>
    <p> </p>
    <p> </p>
    <style type="text/css">
    #LOdiv{ visibility: hidden;}
    #Countries{ visibility: hidden;}
    </style>
    <p> </p>
    <p> </p>
    <div id="ListOne" onclick="MM_effectSlide('LOdiv', 1000, '0%', '100%', true)">
    <p><strong>Drop Down List One            + show      </strong></p>
    </div>
        <div id="LOdiv">
        <div>
          -  Item A<br/>
          -  Item B<br />
          -  Item C<br />
          -  Item D<br />
          -  Item E<br />
          -  Item F<br />
          -  Item G<br />
          -  Item H<br />
          -  Item I</div>
    </div>
    </div>
    <div id="ListTwo" onclick="MM_effectSlide('Countries', 1000, '0%', '100%', true)">
    <p><strong >List Two            + show </strong></p>
    </div>
    <div id="Countries">
              <div>
                   -  USA<br/>
          -  Germany<br />
          -  France<br />
          -  Italy<br />
          -  Japan<br />
          -  China<br />  
      </div>
    </div>
    <span style=' width:990px; height:21px'><img width=990 height=21
    src="image386.gif">
    </span>
    </body>
    </html>

    The link to the html code can be found at:
    https://docs.google.com/leaf?id=0B_S-KEeOr-KhNzQwYzQ5MWQtNTVhYy00OTg1LWJjYTQtODIzOWUwM2ExM 2Yx&hl=en_US
    but it needs to access the link SpryAssets/SpryEffects.js   (from DW)
    When you open it in a browser you will see a large gap between the two lines:
    "Drop Down List One  +show"  and
    "Drop Down List Two + show"
    clicking the mouse on "Drop Down List One  +show" causes a hidden element to drop down. re-clicking causes it to shrink, and thus removing the large blank space between. I  don't know how to initially present the two lines without the large initial blank gap between them.
    I tried previewing in  Chrome, Firefox, and IE - all look the same.
    Thanks.

  • How to get rid of white space when creating a PDF file in dynamics ax 2012

    Hello,
    In Dynamcis AX 2012 we are creating an invoice that is first printed to the screen, but when we convert the invoice to a PDF, white space occurs that our customer cannot have.
    We opened a ticket with Microsoft with the following scope layout:
    As discussed, I am providing you a copy of our scope agreement for your issue.
    Issue Definition: When rendering an SSRS report to screen, report displays as expected. However, when the same report is sent to PDF or printer output, a large white space appears between the header and body of the report.
    We've examined every possible setting in the report design properties using Visual Studio, and nothing has been successful in correcting this behavior. Our client has indicated the proper rendering of certain reports is extremely critical to their business relationships with their clients. They've told us that this problem must be fixed or they cannot go live.
    Scope Agreement: Provide information on the issue of white space showing between the header and body of the report. May have to rescope issue depending on investigation.
    We will now begin working together to resolve your issue. If you do not agree with the scope defined above, or would like to amend it, please let me know as soon as possible. If you have any questions or concerns, please don't hesitate to contact me.
    So after we worked with MS for a bit and gave them more information, the final conclusion came back from them as follows:
    Message: Hello,
    When you examine the report, is the report hiding sections during the print out based on some data condition? IF so, this is going to be returned as By Design. Our current reporting framework will reserve space for the controls even if they are not visible when the report is printed to file (xps, pdf, may even do it if exported to Excel). If this is the case, we don't have anything we can do about it. Development is aware of this issue/limitation, but at this point, we have no workaround for it.
    So the question is:  Have you ever ran across this issue and does Adobe have a potential solution as Micrsoft does not.  Or do you have a potential work around.
    Thanks!
    Allen Shannon

    If you want this to bleed, then you will have to print on oversize paper and trim or find a printer that will print borderless.

  • Large whie space on Right in facebook, unable to play games

    I have a large white space on the right of my Facebook page. i am unable to play any games as it makes half of the game disappear.

    Reset the page zoom on pages that cause problems: <b>View > Zoom > Reset</b> (Ctrl+0 (zero); Cmd+0 on Mac)
    * http://kb.mozillazine.org/Zoom_text_of_web_pages

  • Found 0 results for While browsing eBay, when I watch or bid on an item, and later view it again, many inches of white space appears before item appears. If I delete the clear recent history box, the pages will come up as they should for several times, th

    While browsing eBay, when I watch or bid on an item, and later view it again, many inches of white space appears before item appears. If I delete the clear recent history box, the pages will come up as they should for several times, then go back to a lot of extra white space. How can I prevent this? Thank you, Rick in English
    == This happened ==
    Every time Firefox opened
    == About a month ago

    As stated in 1.:
    1. This procedure is a diagnostic test. It changes nothing, for better or worse, and therefore will not, in itself, solve the problem.
    Obviously, it will not harm your computer provided you follow the instructions. However, if you don't post your results in the thread where you were given those instructions, then the person helping you cannot help you further. As he asks at the end, "please post the test results on Pastebin, then post a link here to the page you created."

  • Firefox 3 cannot download files with white space in the filename

    When opening attachments in e-mail Firefox is unable to handle files with white space in the name. This is not the same as the white space file name truncation problem documented on this site (where file names with white space are truncated on saving.) The issue is that the browser will prompt to allow the file to be saved, but it will not prompt to open the file as an option. If I rename the file to remove white space then I do receive the "Open with..." dialog box. I verified that Firefox 2 did not have this problem and I can open attachments with white space in the file names just fine using that version of the browser (2.0.0.20).
    == This happened ==
    Every time Firefox opened
    == Upgraded to version 3

    When a user clicks on an attachment with spaces, the filename is truncated to the first whitespace. While IE, Chrome & Safari handle this, Firefox refuses to accept mime headers with unquoted filename parameters. According to Firefox's bugzilla/knowledgebase, Firefox's behavior is the correct behavior and it's a problem with most webservers or web applications. This problem can be easily corrected by surrounding the filename parameter with double quotes.
    Eg.
    Response.AddHeader("Content-Disposition", "attachment; filename=\"" + fileName + "\"");

  • Extra white space in Firefox, not IE

    Hello. I'm new to Dreamweaver and am having an issue I can't
    figure out. I was hoping someone might have insight into where my
    problem is.
    In the following site,
    http://www.firststepshr.biz,
    it previews as designed in Internet Explorer. However, in Firefox,
    extra white space (or blue background on the home page) is
    appearing above and below the Flash header. I can't, for the life
    of me, figure out why there's this difference.
    Anyone have any ideas? Thanks, in advance, for the advice.
    Jeremy

    I don't see extra white space in FF2x.
    If you want to use Flash for navigation, consider this -
    1. Some people don't have Flash installed - what do they do?
    2. Search engines may not parse Flash links - your site will
    not be
    spidered
    3. Screen assistive devices don't parse Flash links - what
    will those users
    do?
    4. DW cannot maintain links within a Flash movie, so if you
    move or rename
    a linked file, your navigation will break - what will you do?
    You will have
    to remake those buttons.
    It's usually a very bad idea for these reasons - and for
    these reasons,
    Adobe has removed Flash buttons and Flash text from the next
    version of
    Dreamweaver.
    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
    ==================
    "dwellingproductions" <[email protected]>
    wrote in message
    news:gckfd0$odl$[email protected]..
    > Hello. I'm new to Dreamweaver and am having an issue I
    can't figure out.
    > I
    > was hoping someone might have insight into where my
    problem is.
    >
    > In the following site,
    http://www.firststepshr.biz,
    it previews as
    > designed in
    > Internet Explorer. However, in Firefox, extra white
    space is appearing
    > above
    > and below the Flash header. I can't, for the life of me,
    figure out why
    > there's this difference.
    >
    > Anyone have any ideas? Thanks, in advance, for the
    advice.
    >
    > Jeremy
    >

  • White spaces in Firefox

    The following html file plays well in IE, Safari, Opera and
    Chrome. When it plays in Firefox there is a 5 pixel white space
    under the video, and the sides of the frame are split by white
    spaces on the top and bottom. Why is this happening? Is there a way
    to fix it?
    The best solution I have found is to make the graphics to the
    side 5 pixels taller (keeping the video size the same). Then the
    sides don't split in Firefox, but I get white space above and below
    the video in all internet browsers, so it's not a good solution. I
    can put the Flash video in a layer above the graphics, but its
    position shifts up or down according to which browser is used.
    Thanks for your time and help!
    http://www.bigvid.net/FirefoxTest/TestThis.html

    Thank you! I am new to coding so it took me a little time to
    realize that you meant for me to put
    <style>td embed {
    display: block;
    </style> just after the title in the code. Thank you
    for your help! It works now.

  • 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><!-- Beginning of compulsory code below -->
    <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" />
    <!--[if lt IE 7]>
    <script type="text/javascript" src="js/jquery/jquery.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>
    <![endif]-->
    <!-- / END -->
    <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>
        <!--[if lt IE 7]>
      <style>
      div.apple_overlay {
      background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_IE6.gif);
      color:#fff;
      /* default close button positioned on upper right corner */
      div.apple_overlay div.close {
      background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);
      </style>
      <![endif]--><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 &amp; Suffolk Counties<br />
      Also serving Manhattan, Brooklyn &amp; 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"><!-- Beginning of compulsory code below -->
    <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>
    <!-- / END --></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&amp;width=248&amp;height=558&amp;show_faces=true& amp;colorscheme=light&amp;stream=true&amp;border_color=%23FFFFFF&amp;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 &amp; 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 &amp; 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, &amp; 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> &gt; Welcome to NY DogWorks New York's Premier Dog Training Company<br />
           <strong>Serving all of Long Island, Nassau &amp; Suffolk County, Manhattan, Brooklyn &amp; 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;

  • White spaces jumps on the top page between header and reprot body on middle of a large multiple pages report

    I have similar issue with the white pages on the SQL Server 2012 Report Builder
    3.0. I created a multiple pages invoice report based on
    XML data file, which contains about 80 pages per report.  The report runs good.  But when try the Print Layout ,(PDF file too) some white space happened on the top of report bodies among or after page 70th of the report combines with the First letter
    "R" of Invoiced Company Name. Such as:  "R Delivery Inc." or "Rock ..." , " Rose ..." " ,,," means  names continues. (The report is sorted with Company name, and company ID). After "R". 
    (The page # changes based on the "R" name s position in the report), and the white space happens before "R" and jump up and down after. When the Other Letter shows up such like "S", the report text position goes normal until the
    end of report, the white space will be gone after "R".   I tried all methods those I could find online to reset the page margins, page breaks, LTrim, RTirm Company names, setting of page breaks.  So far all the method meet "R"
    will be no cure. (Even I set page break between each instance of a group, company names as “Rock...” and “Rose...“ are still set on same page.   I am wondering, does the SQL Server 2012 Report Builder has pages limitation? Or The Letter "R"
    has some bugs hide behind?  Please help! 

    Hi Helen,
    As per my understanding, I think this issue is caused by width size is not appropriate in the report. To narrow down this issue, please make sure that Body Width + Left margin + Right margin <= (Page width).
    If the tablix is a matrix, because of the column group can expand to multiple columns, we should according to the following rule:
    Body Width + Extra expanded column width + Left margin + Right margin <= (Page width).
    Besides, please make sure there are no extra page breaks before each “R”. To check whether the issue is caused by the letter “R”, we can try to use another field to replace the Company Name field.
    Hope this helps.
    Thanks,
    Katherine Xiong
    Katherine Xiong
    TechNet Community Support

  • IE 11 white space problem

    I created  a page with dreamweaver. It renders as intended in firefox but shows unwanted white space in ie 11.
    How do I fix this?
    Here is the page in firefox:
    Here is ie 11 page:
    Please respond to [email protected]
    Here is my code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    font-size: x-small;
    color: #FFF;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
    color:#414958;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
    color: #4E5869;
    text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    color: #FFFFFF;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
    width: 80%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    height: 80%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    .container .footer #fMisc div p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    color: #FFF;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
    background: #6F7D94;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
    float: right;
    width: 20%;
    padding-bottom: 64px;
    height: 100%;
    font-family: "Comic Sans MS", cursive;
    font-weight: bolder;
    font-size: x-large;
    border-top-width: 0%;
    border-right-width: 0%;
    border-bottom-width: 0%;
    border-left-width: 0%;
    background-color: #93A5C4;
    background-repeat: repeat;
    margin: 0px;
    overflow: hidden;
    .content {
    width: 80%;
    float: right;
    background-image: url(back1.gif);
    background-repeat: repeat;
    background-color: #CCC;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    height: 100%;
    overflow: hidden;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    ul.nav li {
    border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    text-decoration: none;
    background: #8090AB;
    color: #000;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background: #6F7D94;
    color: #FFF;
    /* ~~ The footer ~~ */
    .footer {
    background: #6F7D94;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    font-size: xx-small;
    color: #000;
    margin: 0px;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    a {
    color: #FFF;
    .container .footer #fMisc div p a {
    color: #FFF;
    .container .footer div p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    color: #FFF;
    .container .footer div p a {
    color: #FFF;
    p {
    font-size: xx-large;
    p {
    color: #000;
    font-size: x-large;
    .container .footer #fMisc div {
    font-size: x-small;
    .container .footer #fMisc div {
    color: #FFF;
    .container .content h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: #000;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]-->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="container">
      <div class="header">
      <img src="Pictures/logo.gif" alt="Logo" name="Insert_logo" width="81" height="63" id="Insert_logo" style="background: #8090AB; display:block;" />
    <!-- end .header --></div>
      <div class="sidebar1">
       <img src="Pictures/back1.jpg" width="72" height="72" /><p> Cliff is an all breed AKC Registered Professional Dog Handler</p>
    <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
    <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
    <!-- end .sidebar --></div>
      <div class="content">
       <ul id="MenuBar1" class="MenuBarHorizontal">
         <li><a href="#">Home</a>      </li>
         <li><a href="#" class="MenuBarItemSubmenu">Kennel</a>
           <ul>
             <li><a href="#">Our Facility</a></li>
             <li><a href="#">Rates</a></li>
             <li><a href="#">Pictures</a></li>
           </ul>
         </li>
         <li><a class="MenuBarItemSubmenu" href="#">Show Handling</a>
           <ul>
             <li><a href="#">Info</a></li>
             <li><a href="#">Rates</a></li>
             <li><a href="Schedulefile:///S:/Homepage/calendar.html">Schedule</a></li>
    </ul>
         </li>
         <li><a href="#">Photo Gallery</a></li>
         <li><a href="#">About Me</a></li>
         <li><a href="#">Contact Me</a></li>
       </ul>
       <br />
        <h1 style="margin: 10px; clear: both; text-align:center; font-size: xx-large; font-family: Georgia, 'Times New Roman', Times, serif;">Clifford W. Steele </h1>
       <div style="text-align:center; font-size: xx-large;"> <img src="Pictures/Harley Champion001.jpg" alt="Harley Champion" width="530" height="423" border="0" /></div>
      <!-- end .content --></div>
      <div class="footer">
          <div style="float:right">
            <p> <a href="MAILTO:[email protected]" >Site Designed by Fredric M. Zipser</a><br />
           </p>
        </div>
        <div>
            <p>Clifford W. Steele  Professional Handler <br />
              1395 Rt. 6<br />
              Carmel, NY  10512-1627<br />
              United States<br />
              ph:(845) 225-2463<br />
              Cell:(845) 661-0010<br />
            <a href="MAILTO:[email protected]" >[email protected]</a></p>
        </div>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </script>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    Give <div class="container"> the same blue background color as your right side bar.
    You'll notice in IE some of the spacing for the rest of your page is slightly larger than in Firefox (browsers do that a lot if you aren't very, very specific about sizes). Because of that, your side bar isn't long enough to fill in the space on that side and the background color of the "container" <div> shows through.

  • White space between header and main content

    Hello all! I have a 25-27px white space between my header and
    main content. I read through fixes in the forum and took out any
    height that would effect this gap. I still can't get rid of this
    white space. Your help is greatly appreciated! Here's the Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    </script>
    <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and
    padding of the body element to account for differing browser
    defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5*
    browsers. The text is then set to the left aligned default in the
    #container selector */
    color: #000000;
    .oneColElsCtrHdr #container {
    width: 46em; /* this width will create a container that will
    fit in an 800px browser window if text is left at browser default
    font sizes */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a
    width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center
    on the body element. */
    .oneColElsCtrHdr #header {
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    background-color: #FFFFFF;
    .oneColElsCtrHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the
    #header div will avoid margin collapse - an unexplainable space
    between divs. If the div has a border around it, this is not
    necessary as that also avoids the margin collapse */
    padding: 0px 0; /* using padding instead of margin will
    allow you to keep the element away from the edges of the div */
    .oneColElsCtrHdr #mainContent {
    background: #FFFFFF;
    padding-top: 0;
    padding-right: 0px;
    padding-left: 0px;
    .oneColElsCtrHdr #footer {
    padding: 0 10px; /* this padding matches the left alignment
    of the elements in the divs that appear above it. */
    background:#DDDDDD;
    .oneColElsCtrHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in
    the footer will avoid the possibility of margin collapse - a space
    between divs */
    padding: 0px 0; /* padding on this element will create
    space, just as the the margin would have, without the margin
    collapse issue */
    .style4 { font-family: "Fiolex Girls", "Arial Narrow";
    color: #FF0000;
    font-size: xx-large;
    font-style: italic;
    .style6 {color: #FF0000}
    .style7 { color: #000000;
    font-size: x-small;
    .style9 {color: #FF0000; font-family: Arial, Helvetica,
    sans-serif; }
    -->
    </style>
    <script src="SpryAssets/SpryMenuBar.js"
    type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css"
    rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    #apDiv1 {
    position:static;
    width:525px;
    height:250px;
    z-index:1;
    float: left;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-top-width: thin;
    border-bottom-width: thin;
    border-color: #000000;
    #apDiv3 {
    position:static;
    width:500px;
    height:0px;
    z-index:1;
    left: 465px;
    top: 410px;
    float: right;
    .style14 {
    font-size: medium;
    font-style: italic;
    font-weight: normal;
    .style15 {font-size: small}
    -->
    </style>
    <link href="p7hscroller/s7/p7HSM07.css" rel="stylesheet"
    type="text/css" media="all" />
    <script type="text/javascript"
    src="p7hscroller/p7hsmscripts.js"></script>
    <style type="text/css">
    <!--
    #apDiv7 {
    position:static;
    width:737px;
    height:0px;
    z-index:2;
    bottom: 0px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    .style16 {font-size: x-small}
    -->
    </style>
    <!-- Do not remove the line below!!! It is required for
    the XML Flash Slideshow v3. -->
    <script type="text/javascript"
    src="slideshow.js"></script>
    </head>
    <body class="oneColElsCtrHdr">
    <div id="container">
    <div id="header">
    <pre><span
    class="style4">US-AsianMates</span><span
    class="style6">.com</span> <strong><span
    class="style9">JOIN FOR FREE <span
    class="style7">OR</span> MEMBER LOG
    IN</span></strong>
    </pre>
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li>
    <div align="center"><a href="#"
    class="style16">HOME</a> </div>
    </li>
    <li>
    <div align="center"><a href="#"
    class="style16">ABOUT US</a></div>
    </li>
    <li>
    <div align="center"><a href="#"
    class="style16">WHY JOIN US?</a> </div>
    </li>
    <li>
    <div align="center"><a href="#"
    class="style16">VISA SUPPORT</a></div>
    </li>
    <li>
    <div align="center" class="style16"><a
    href="#">EVENTS</a></div>
    </li>
    </ul>
    <pre><!-- end #header -->
    </pre>
    </div>
    <div id="mainContent">
    <div id="apDiv1"><img
    src="Images/Outdoor_Bride1.jpg" alt="Bride" name="Bride"
    width="525" id="Bride" /></div>
    <p> </p>
    <p><br>
    </p>
    <pre> 
    </pre>
    <table width="200" border="1" align="left">
    <tr>
    <td><img src="Romantic_Kiss.jpg" alt="VISA"
    name="VISASUPPORT" width="200" id="VISASUPPORT" /></td>
    </tr>
    <tr>
    <td><img src="Surfing_At_Home.jpg" alt="JOIN"
    name="WHYJOIN" width="200" id="WHYJOIN" /></td>
    </tr>
    </table>
    <pre></pre>
    <div id="apDiv3">
    <div align="center">
    <div align="left">
    <pre class="style14"> <strong>LIVING
    PROOF</strong>
    <span class="style15">&quot;12 YEARS AGO I WENT TO
    THE PHILIPPINES IN HOPES
    OF FINDING MY FUTURE WIFE. 11 YEARS LATER,
    I AM HAPPILY MARRIED! WE ALSO HAVE AN ENERGETIC
    5 YEAR OLD SON! DREAM IT, LIVE IT! IT CAN
    HAPPEN TO YOU ON US-ASIANMATES.COM
    CHRIS&quot;</span></pre>
    </div>
    </div>
    </div>
    <pre> </span>
    </pre></pre>
    <p><!-- end #mainContent -->
    <br>
    <pre>
    </pre>
    <div id="apDiv7"></div>
    <div align="center">
    <pre><!-- Begin XML Flash Slideshow v3 -->
    <script type="text/javascript">
    // <![CDATA[
    XMLFlashSlideshow_v3({swf:'slideshow.swf',w:'580',h:'140',redirect:'',usePreloader:'true', xml:'slideshow_data0.xml',preventCache:'true',disableMultipleXML:'false',initXML:'%3C?xml% 20version=%221.0%22%20encoding=%22utf-8%22?%3E%3Cslideshow%20version=%223%22%3E%3Cstyles%3 E%3CPreloader%20label=%22Loading%20%7BN%7D%2525%22%20iconColor=%22#666666%22%20iconAlpha=% 2270%22%20iconWidth=%2250%22%3E%3C/Preloader%3E%3CPreloaderLabel%20font=%22Verdana%22%20si ze=%2210%22%20color=%22#666666%22%20bold=%22false%22%3E%3C/PreloaderLabel%3E%3CBackground% 20backgroundColor=%22#FFFFFF%22%20backgroundAlpha=%22100%22%20bevelColor=%22#FFFFFF%22%20b evelStrength=%2270%22%20borderWidth=%222%22%20borderColor=%22#000000%22%3E%3C/Background%3 E%3CLoaderAnimation%20type=%22circle%22%20color=%22#FFFFFF%22%20alphaBackground=%2220%22%2 0alphaInner=%2240%22%20frameWidth=%222%22%20width=%2250%22%20height=%2250%22%3E%3C/LoaderA nimation%3E%3CDataLoader%20useAnimation=%22true%22%20useLabel=%22true%22%20labelPlacement= %22bottom%22%20fadeOutDuration=%22400%22%20textFormat=%22loader_text%22%3E%3C/DataLoader%3 E%3C/styles%3E%3Clocalization%3E%3Ctext%20orig=%22Loading%20Data...%22%20local=%22Loading% 20Data...%22%3E%3C/text%3E%3C/localization%3E%3Cfonts%3E%3Cfont%20id=%22loader_text%22%20n ame=%22Pixelade%22%20embed=%22true%22%20size=%2213%22%20color=%22#666666%22%20bold=%22fals e%22%20selectable=%22false%22%20align=%22left%22%3E%3C/font%3E%3C/fonts%3E%3C/slideshow%3E '});
    // ]]>
    </script>
    <!-- End XML Flash Slideshow v3 -->
    </pre>
    </div>
    <pre> 
    </pre>
    <pre> </pre><!-- -->
    <pre> </pre>
    </div>
    <div id="footer">
    <p>Footer</p>
    <!-- end #footer --></div>
    <!-- end #container --></div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
    {imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
    imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    "phillychris" <[email protected]> wrote in
    message
    news:[email protected]...
    > Yep, it was the 1 pre tag creating the gap. So why is
    this page a
    > disaster, Tim?
    Just because something is created in DW CS3 doesn't mean it's
    not a
    disaster, any more than using DeWalt power tools guarantees
    that my
    carpentry won't be a complete mess. The software is not a
    replacement for
    skills. It is a tool; your workflow and understanding of HTML
    and CSS is
    what allows you to use DW effectively.
    So why did I call this page a disaster? When I see all that
    extra markup,
    spans, and inline tags, I shudder. It's way too hard to
    troubleshoot. You're
    not doing nearly enough with descendant selectors; instead,
    most of your
    code is inline, despite a huge CSS file.
    Just one example: individual li tags with div align="center"
    inside of them.
    Way overkill. If you're centering all the li text in a given
    list, control
    it with CSS and kill all that extra markup.
    E.g.
    .MenuBarHorizontal li { text-align:center; }
    In fact, if all there is in that .MenuBarHorizontal is the
    list, you don't
    even need to specify the list in the CSS. Just do:
    .MenuBarHorizontal { text-align:center; }
    Now you don't need div tags inside your li at all.
    And if all of those a tags in that menu are going to be
    .style16 class,
    don't specify it on each link. In fact, don't even have a
    .style 16 class.
    Heck, since it's just specifying font size, you don't need to
    target the a
    tag at all. Just add font-size:x-small; to the
    .MenuBarHorizontal ruleset I
    gave you above.
    The above are just examples from a quick glance at your code.
    On the whole,
    your markup and approach to styles are largely wasting the
    power and point
    of CSS.
    In addition, several styles spanned onto one line of text...
    a sure sign
    that either you are using far too many styles to make design
    sense, or else
    you've got styles that overlap each other.
    Here's my advice: Until you get a better handle on CSS, don't
    style things
    as you go. Forget styles altogether at the start. Create a
    very clean HTML
    markup and put ID and class selectors on things you know will
    need them.
    Preferably, place the HTML elements in the order you would
    want your page
    read if styling did not even exist, nesting elements where
    necessary.
    After you have created all the HTML structure, then go back
    and style the
    elements via CSS only. You will end up with less page weight
    and far cleaner
    code to decipher, not simply in terms of length but in terms
    of conflicts
    and redundancies.
    If you're really insistent on styling things as you go, at
    least do this:
    don't create a new style every time you want to accomplish
    something. Create
    CSS rules for IDed containers and container classes. Then as
    you go along
    and are about to create a style, ask yourself where you are
    and what all
    this new rule needs to apply to. Specify the rule there,
    under the selector
    you've already created. Then you won't have .style1 -
    .style16 like you do
    now, and you won't have all that inline mess of code to sort
    through.
    Finally - as you create your CSS, discipline yourself to
    avoid style spans.
    They are necessary on the odd occasion, but very rarely.
    Think semantically
    (i.e. purpose of the style point you're making at a given
    time).
    For example, if you're tempted to create a span in order to
    put something in
    bold red, ask yourself: "Why?" Generally, it means you want
    to place special
    emphasis or strength on that. Well, in that case you don't
    need a span. You
    need to be using the proper tag, such as <em>
    (emphasis) or <strong>. Then
    you can style that tag in CSS. That way, what you have in
    your page actually
    makes sense apart from the style, and as a bonus you can
    apply or edit your
    style easily.
    Tim G.
    http://www.pactumweb.com
    http://www.shortordersite.com
    Be smart:
    http://www.pactumweb.com/client/tips.php

  • How do i get rid of this white space on the bottom of my homepage?

    Right above my footer and right below my main content on the page is a large white gap that takes over..how do i get rid of it?

    Your main content bg is white so its hard to tell what space is extra space.
    If you check your site in ie7 it stretches to about 3 times its normal length

  • Bottom White Space

    On my website you can see that there is white space at the bottom but it ends just short of the true bottom, is there anyway I can make this so white continues down all the way?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="stylesheet" href="layout.css" ... />
    <meta name="google-site-verification" content="_Plh0Sn97-RFeQaAZFoZgv8tZ9Ap9FhMbNGy3eq3CeM" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Home</title>
    <style type="text/css">
    <!--
    body {
        font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
        background: #4E5869;
        margin: 0;
        padding: 0;
        color: #000;
        background-image: url(Pictures/1276207208635.jpg);
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
        padding-right: 15px;
        padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
        font-size: xx-large;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
        color:#09F;
        text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        color: #06F;
        text-decoration: none;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
        width: 80%;
        max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
        min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
        background: #FFF;
        margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
        overflow: hidden; /* this declaration makes the .container clear all floated columns within it. */
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
        float: left;
        width: 20%;
        background: #93A5C4;
        padding-bottom: 10px;
    .content {
        padding: 10px 0;
        width: 60%;
        float: left;
    .sidebar2 {
        float: left;
        width: 20%;
        background: #93A5C4;
        padding: 10px 0;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
        list-style: none; /* this removes the list marker */
        border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
        margin-bottom: 15px; /* this creates the space between the navigation on the content below */
        color: #FFF;
    ul.nav li {
        border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        padding: 5px 5px 5px 15px;
        display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
        text-decoration: none;
        background: #8090AB;
        color: #000;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
        background: #6F7D94;
        color: #FFF;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .container .content h1 {
        font-family: OCR A Extended;
    body,td,th {
        color: #000;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]-->
    <!--Analystics-->
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-19878287-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);
    </script>
    <!--Iphone Redirect-->
    <script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('tnvkzuebf877', 'right-upper')</script>
    <script type="text/javascript" src="http://hunterthornsberry.com/mobilejs.js"> if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
         if (document.cookie.indexOf("iphone_redirect=false") == -1) window.location = "http://hunterthornsberry.com/mobile.html";
    </script>
    </head>
    <body>
    <div class="wrapper">
    <div class="container" align="left">
      <div class="sidebar1">
        <ul class="nav">
          <li><img src="../../Pictures/TDLLOGO.png" width="172" height="129" /></li>     
          <li><a href="index.html">Home</a></li>      <li><a href="About.html">About Me</a></li>
          <li><a href="Blog.html">Personal Blog</a></li>
          <li><a href="tech.html">Tech Stuff</a></li>
          <li><a href="Projects.html">Projects</a></li>
          <li><a href="design.html">Design/Art</a></li>
          <li><a href="Contact.html">Contact</a></li>
        </ul>
        <p> <center><script type="text/javascript"><!--
    google_ad_client = "pub-9636713487359174";
    /* HunterThornsberry */
    google_ad_slot = "9954026781";
    google_ad_width = 160;
    google_ad_height = 600;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script></center></p>
      <!-- end .sidebar1 --></div>
      <div class="content">
        <center><h1>Home</h1>
          <p><strong><em>UNDER CONSTRUCTION</em></strong></p>
          <p>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="This is my life">
              <param name="movie" value="../../Intro.swf" />
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="swfversion" value="6.0.65.0" />
              <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
              <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
              <param name="LOOP" value="false" />
              <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
              <!--[if !IE]>-->
              <object type="application/x-shockwave-flash" data="../../Intro.swf" width="550" height="400">
                <!--<![endif]-->
                <param name="quality" value="high" />
                <param name="wmode" value="opaque" />
                <param name="swfversion" value="6.0.65.0" />
                <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
                <param name="LOOP" value="false" />
                <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                <div>
                  <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                  <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                </div>
                <!--[if !IE]>-->
              </object>
              <!--<![endif]-->
            </object>
          </p>
          <p> </p>
        </center>
      </div>
      <div class="sidebar2" align="right">
    <script type="text/javascript"><!--
    google_ad_client = "pub-9636713487359174";
    /* Sky */
    google_ad_slot = "5228573680";
    google_ad_width = 120;
    google_ad_height = 600;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
      <!-- end .container --></div>
    <script type="text/javascript">
    <!--
    swfobject.registerObject("FlashID");
    //-->
    </script>
    </div>
    <!--Footer-->
    <div class="push"></div>
    <div class="footer">
    <p><center>Copyright (c) 2008</p>
    </div>
    </body>
    </html>

    Well its the 'footer' <div> and the <div> before that which need some attention.
    Add the below to your css styles:
    .footer {
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    .footer p {
    margin: 0;
    padding: 0;
    Then remove the "push" <div> completely:
    <div class="push"></div>
    <div class="footer">
    <p><center>Copyright (c) 2008</p>
    </div>
    To just leave:
    <div class="footer">
    <p><center>Copyright (c) 2008</p>
    </div>

  • Many images and buttons on websites are not visible and appear as white space.

    i am unable to see buttons such as the "buy now" button, but when i scroll over the white space, the cursor changes to alert me that i've found the button. also, websites i frequent are now missing images and logos on this computer. i am windows XP pro, firefox browser. thanks for any assistance.

    -> click '''Firefox''' button and click '''Options''' -> Content panel -> place Checkmark on '''Load Images Automatically''' -> click '''Exceptions...''' button and click '''Remove All''' -> Now type the address of websites on which you want Images to appear e.g. '''msn.com''' , '''yahoo.com''' , '''google.com''' , etc. -> click '''Allow''' for each, One by One -> click Close - > click OK on Options window -> Restart Firefox
    -> Go to your concerned websites
    * Right-click empty space within the page and click '''View Page Info'''
    * In the '''Page Info''' window, select the '''Media''' panel and Remove Checkmark from '''Block Images'''
    * In the '''Page Info''' window, select the '''Permissions''' panel
    * Under '''Load Images''', Change the setting to '''Allow'''
    * Under '''Set Cookies''', place Checkmark on '''Use Default''' and Change the setting to '''Allow'''
    * Close the Page Info window
    Also see this - Images or Animations do not show
    * https://support.mozilla.com/en-US/kb/Images%20or%20animations%20do%20not%20show
    * http://kb.mozillazine.org/Images_or_animations_do_not_load
    Check and tell if its working.

Maybe you are looking for

  • How to calculate Amount of goods received bill not received

    Hi Gurus, In my vendor aging report client require one filed which is amount of goods received bill not received (Goods received amount- Invoice amount) can u please tell me what should i do? Thanks in Advance Kavita

  • Comcast E-mail's Not Being Received

    Hi Is anyone having problems with their Comcast contacts' e-mail's being catagorized by Verizon as Spam? I have a contact that uses Comcast e-mail where this began happening a few days ago.  I can add his e-mail in my Settings section as "Safe" and t

  • Erase MacBook without screen

    My early 2008 MacBook Pro has a black screen due to a bad logic board. It would not be worth it to repair it but would instead like to sell it but I need to erase it and reset to factory settings. Would there be any way to do this without a screen?

  • Unknown error please see log for details...

    Hi, I have been having major issues with not being able to connect or administer a site, so I deleted the site from the server and uploaded a fresh version as the error suggested the files where corrupt? Now I get the error "Unknown error please see

  • CRVS2010 not display on Windows Server 2008 64bit - IIS 7

    Hello every body !! I'm use VS 2010 and Crystal Reports for Visual Studio 2010 Beta 2 to build a website. When I build directly on the VS2010, report viewers  shows very well. But when I build up host Windows Server 2008 - IIS 7, then just get a blan