White space at bottom of Safari window

I need a little help with a very odd problem.
When I load websites that I have created with iWeb '09 using Safari on my Mac, I sometimes get a portion of the page (always near the bottom of the page) that displays as white, and not the color of the browser background color that I have published. However, if I click anywhere on my desktop (i.e., the Finder) while the Safari window is open, then the white space is instantly changed to the correct color.
I am running the latest versions of all Apple software, and I have run both disk repair and permissions repair on my hard drive. I have also reset the PRAM on my Mac Pro.
This is both annoying and puzzling. Does anyone have any suggestions? I am running Snow Leopard 10.6.2 and iWeb '09.
Thanks,
-AstraPoint
(note: we also posted this problem on the iWeb '09 forum pages)

My tutorial (http://toadstutorials.info) and demo sites (Old Toad's Demo Sites) are crated with no page background and a tiled image for the browser background so haven't had the situation you've have. But some of the demo pages had a lot of stuff on it and does load slowly at times with no issue regarding background.
Give it a try.

Similar Messages

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;

White Space at bottom?

Anyways, Here is my website, something to pass time...
www.halfbreed3.com All fine
and great (Thanks for helping me fix the template). But why does it
have this white space at the bottom?
Here are my global.css and indexpage.css, and the source for
the index ... well, on the page. Thanks if anybody can see what I
have wrong. I can so sense this is something so simple... Thank
you.

You #container has a height of 1100px ... play with that and
I think your
white space will disappear

How to get rid of all the blank empty white space at bottom of photoshop palettes?

on a large screen the palettes can have big tall empty white spaces below the last imput. Sometimes the corner size adjustment box is off the screen
and I want to eliminate the empty space..
Can I eliminate this extra blank space (without changing display resolution)? Why is it there?

When I take a screen shot see attached It shows the bottom of the, in this case, layers and channel, patettes but it is not actually visible or accessible on my cinema 30" screen. I know I can change the resolution so the size adjustment boxes can be reached and resize the white space away in that manner, but I like the resolution as is 2048 x1280 for my bad eyesight and continually resizing seems like wasted effort. There is no purpose for the extra white space so I want to make it so the palettes only show what is in them. Probably not possible?
separate issue: can you make it so the tool bar is alway in the front? Why should it ever be behind anything?

Less white space for Insert image

Eliminate some vertical white space on the Insert Image window.
Sometimes this large window runs off the bottom of my browser window. I have to scroll down past all the vertical white spce to click on the insert image button.

if all you need is have mapviewer render the style and place it next to your theme control, you can probablly just issue a regular map request with only 1 feature and specify the style to be used on that feature. For instance, if you just want to show the M.STAR marker style, you can issue a request containing only the center point and specify the render style for the center point as M.STAR. you can also specify the exact width/height you want for the final 'map'. Yes if you issue a legend-only request mapviwer adds white space to it and ignores the width/height attributes.
finally, we will add your last two items into our wish list. thanks.

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">

</style>

<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>

<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">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center></p>
</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" />
          
          <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
          <param name="LOOP" value="false" />
          
          
          <object type="application/x-shockwave-flash" data="../../Intro.swf" width="550" height="400">
            
            <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" />
            
            <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>
            
          </object>
          
        </object>
      </p>
      <p> </p>
    </center>
</div>
<div class="sidebar2" align="right">
<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<script type="text/javascript">

</script>
</div>

<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>

I would like to open different Safari windows in different Spaces

I would like to be able to open different Safari windows in different Spaces. They guy at the Apple store told me this was impossible, but I am 99% sure that I accidentally had it working this way before I realized what Spaces was, but now that I have set my Spaces preferences, I cannot get it to work for me.
Ideally, my husband could use one space - he only uses Safari. And I could use the other Spaces for my various applications, including Safari.
Any suggestions appreciated!

I do it as follows.
I don't have Safari assigned to any (or all) spaces. I don't have the little checkbox checked at the bottom of Spaces preferences ("When switching to an application...").
In a given space I click on Safari in the dock. This makes it the active application. Of course, if a window is already open in that space it will come to the front. But suppose there isn't a window open. I then ask for a new window (via the File menu, or via command-n). Voila. That window is in that space. You can do this in any space and the windows stay where you created them.
(A shortcut is simply to control-click on the Safari dock icon and select "New Window".)
charlie

White space/margin around images in onClick popup windows

Hi. I'm using a JavaScript function that comes with
dreamweaver so what when users click on thumbnail images, a larger
window pops up with the image. Here's the function:
<script type="text/javascript">

</script>
Here's an example of how I'm using it in the code:
<a href="javascript:;"><img
src="dr_chm_allrgt_200x281.jpg" width="200" height="281" border="0"
onclick="MM_openBrWindow('dr_chm_allrgt_400x300.jpg','','width=300,height=400')"
/></a>
This works great, except for one thing: the image doesn't
appear in the very top left-hand corner of the pop-up window --
there's some white space around it, and the right and bottom edges
of the image are cut off, because they don't fit in the pop-up
window. I'm wondering, is there some way around this problem,
that's less messy than changing the width and height that I'm
passing to the function every time?
Thanks

You are opening an image directly in the browser -
MM_openBrWindow('dr_chm_allrgt_400x300.jpg'
In that case, you have no control over how the browser
displays the image.
To get control, you would have to open an HTML page that
contains the image
instead of opening the image directly.
There are extensions that will do this for you on the fly -
the one I use is
JustSo Picture Window from
http://www.valleywebdesigns.com
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
==================
"outmatch1" <[email protected]> wrote in
message
news:f4j86l$s1o$[email protected]..
> Hi. I'm using a JavaScript function that comes with
dreamweaver so what
> when
> users click on thumbnail images, a larger window pops up
with the image.
> Here's
> the function:
> <script type="text/javascript">
> 
> </script>
>
> Here's an example of how I'm using it in the code:
>
> <a href="javascript:;"><img
src="dr_chm_allrgt_200x281.jpg" width="200"
> height="281" border="0"
>
onclick="MM_openBrWindow('dr_chm_allrgt_400x300.jpg','','width=300,height=400')"
> /></a>
>
> This works great, except for one thing: the image
doesn't appear in the
> very
> top left-hand corner of the pop-up window -- there's
some white space
> around
> it, and the right and bottom edges of the image are cut
off, because they
> don't
> fit in the pop-up window. I'm wondering, is there some
way around this
> problem,
> that's less messy than changing the width and height
that I'm passing to
> the
> function every time?
>
> Thanks
>
>

Need a chrome and safari hack to eliminate white space, or?

Hi,
This page renders fine in IE8 and Firefox, but in Chrome and Safari there is white space before the Welcome bar.
http://67.199.64.241/indexspry.asp
Any thoughts?
Thanks!
Here is my CSS -- the styling for the section with the welcome bar is highlighted:
margin:0;
padding:0;
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #F3D1D8;
font-size: .75em;
line-height: 2em;
color: #323532;
position: relative;
margin: 0;
padding: 0px;
text-align:center; /* for IE5 */
behavior: url("csshover3.htc"); /* makes hover class work in IE 6,7 and 8 */
#container {
width: 1000px;
background: #fff;
margin: 0 auto;
text-align:left;
# header {
background: #fff;
a {
text-decoration: none
/* Typography -------------------------------------------*/
.textbold {
font-weight: bold;
.ital {
font-style:italic;
line-height: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
/* Headings -------------------------------------------*/
h1 {
margin: 0; /* 2 does not bring it down -- nor does adding a border*/
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #323532;
color: #F4F4F4;
font-size: 2em;
font-weight: bold;
line-height: 2.5em;
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #4E2029; /*dark purple*/
color: #f4f4f4;
font-size: 1.5em;
font-weight: bold;
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #D5647C; /*dusty rose*/
color: #000000;
font-size: 1em;
font-weight: bold;
h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #323532;
font-size: 1em;
font-weight: bold;
/* h5 is good for drawing a burgundy line */
h5 {
background-color: #4E2029;
font-size: .5em;
line-height: .5em;
/* h6 is good for drawing a line the same color as the background */
h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #F3D1D8; /*pink*/
color: #f4f4f4;
font-size: .5em;
font-weight: bold;
border-top-width: medium;
border-top-style: solid;
border-top-color: #FFF;
line-height: .5em;
/* Links -------------------------------------------*/
a:link {
color: #d5647c;
font-weight: bold;
a:visited {
color: #8A2488;
font-weight: bold;
a:hover {
color: #684148;
font-weight: bold;
a:active {
color: #CC0000;
font-weight: bold;
/* Top Navigation -------------------------------------------*/
#navtop {
margin:0 0 2px;
padding: 0;
background: #4E2029; /* dark purple, pms 504 */
list-style-type: none;
width: 1000px; /*used to be 684 */
float: left; /*contain floated list items */
#navtop li {
margin: 0;
padding: 0;
float: left;
margin-left: 0px;
padding-left: 0px;
background: #4E2029; /* dark purple, pms 504 */
list-style-position: outside;
#navtop a {
float: left;
width: 170px;
color: #ffffff;
text-decoration: none;
line-height: 2.5;
text-align: center;
border-right: 1px solid #fff;
font-weight: bold;
#navtop #nav_don a {
border: none; /* take out line after last menu item */
#navtop a:hover {
background: #D5647C; /* dusty rose, pms 702 */
/* Lists ----------------------------------------------
/* This accounts for brower differences in handling left margin indentation */
ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
li {
background: url(/images/bulletpt.gif) no-repeat 0 9px;
margin-left: 5px;
padding-left: 15px;
list-style-position: outside;
/* other elements ------------------------- */
#boxx {
background: #323532; /*dark gray */
width: 200px;
float: right; /*contain floated list items */
z-index: 10;
padding: 0px 8px 0px 12px;
border-bottom:3px solid #323532;
border-top-width: 3 px;
border-top-style: solid;
border-top-color: #323532;
line-height: 1.4em;
margin: 2px;
#boxx li {
margin: auto;
color: #424642; /*med gray */
font-weight: bold;
float: left; /* this section corrects IE whitespace bug */
background: #F2DFE3; /*lt gray */
list-style-position: outside;
list-style-type: none;
width: 185px;
#boxx a {
color: #4E2029;
display: block;
text-decoration: none;
#boxx a:hover {
background: #B85067; /* dark pink*/
color: #FFFFFF;
#search {
float: right;
width: 200px;
padding: 0px 8px 0px 12px;
border-bottom:3px solid #323532;
border-top-width: 3 px;
border-top-style: solid;
border-top-color: #323532;
margin: 2px;
.graybox {
margin: 15px 0 0 0;
padding: 5px 0 0px 0;
background:url(/images/graychecks.gif);
.rosebox {
margin: 15px 0 0 0;
padding: 5px 0 0px 0;
background:url(/images/rosechecks.gif);
/* Need something for box styles, form styles and maybe graphical buttons. */
.checklist {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
font-size: 0.75em;
line-height: 1.2em;
color: #323532;
position: relative;
margin: 0;
padding: 0px;
list-style-type: circle;
.sig {
font-family: "Comic Sans MS", cursive;
font-weight: bold;
/* from main2col.css =---- */
margin:0;
padding:0;
/* Left Navigation-------------------------------------*/
#navleft {
/* position: absolute; */
left:0;
top: 185px;
/*margin:0 0 -750px; */
/*background: #323532; /* dark gray, pms 447 */
/*width: 170px;
color: #ffffff;
font-weight: bold;
float: left; /*contain floated list items */
/*#navleft ul {
list-style-type:none;
list-style: none;
margin: 0;
padding: 0;
/*#navleft li { */
/* float: left; *//* this section corrects IE whitespace bug */
/*width: 100%; */
/*list-style-position: outside;*/
/* position: relative;
list-style-type:none;
margin: 0;
padding: 0;
/*#navleft a {
display: block;
color: #ffffff;
text-decoration: none;
padding: 0 7px;
line-height: 2.5;
padding: 15 10 15 20;
border-bottom:1px solid #fff;
background: #4E2029; *//* dark purple, pms 504 */
/*#navleft #nav_news a {
border: none; *//* take out line after last menu item */
#navleft a:hover {
background: #D5647C;*/ /* dusty rose, pms 702 */ /*
/* for submenus */
/*#navleft ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
#optionalmenupicture {
width: 14em;
#navoptional {
/*position: relative;
left:0;
top: 0;
margin:0;
padding: 0; */
background: #58DA2C; /*med lime green */
list-style-type: none;
width: 155px;
color: #ffffff; /* white */
font-weight: bold;
float: left; /*contain floated list items */
#navoptional li {
margin: 2px;
padding: 0;
float: left; /* this section corrects IE whitespace bug */
width: 100%;
background: #D5647C; /*dark rose */
list-style-position: outside;
list-style-type: square;
#navoptional a {
display: block;
text-decoration: none;
padding: 0 10px;
line-height: 2;
border-bottom:1px solid #323532;
/* #navoptional #nav_news a {
border: none; /* take out line after last menu item */
#navoptional a:hover {
background: #4e2029; /* dark purple */
/* Main Content ---------------------------------------*/
#primaryContent {
background: #fff;
float: left;
margin-left: 172px;
padding: 0;
position:relative;
top: -334px;
/* footer --------------------------------- */
#footer {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#ffffff;
.hide {
font-size: 0em;
line-height: 0em;
.box {
margin: 15px 0 0 0;
padding: 5px 0 0px 0;
background:url(/images/ltchecks.gif);
.mogul {
font-family:Andale Mono, Trebuchet MS, Comic Sans MS, Impact;
font-size: xx-small;
/* Forms ---------------------- */
input {
background-color: #f5f5f5;
color: #4E2029;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
textarea {
background-color: #f5f5f5;
color: #4E2029;
width: 300px;
height: 100px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
/* from Adobe */
.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 */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

You've got a bigger problem. See attached screenshot from Firefox when text size is increased in browser (Zoom, text only)
Start by using the code valiation tools below and fix reported errors. 90% of browser rendering problems are code related. If your code is clean, chances are good that your pages will perform reasonably well in all the major browsers.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
HTML & CSS Tutorials - http://w3schools.com/
Conditional Comments are only recognized by MS Internet Explorer. You can't use CCs to target other browsers. But this is a moot point since your problem isn't caused by bugs in either Safari or Chrome.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How do I remove the white space from the bottom and side of my document?

How do I remove the white space from the bottom and side of my document? (I'm not talking about printing, just viewing it on the screen.) There are about 6 inches of white space at the bottom and at the right hand side. I don't like this. On a blank new spreadsheet it's triple that amount of white space.

The infinite canvas convention doesn't make a lot of sense for Numbers. When I'm viewing a spreadsheet and mistakenly scroll into white, empty space I think, "this is ridiculous - all of my content is fits on one screen. there's nothing over there."
A (relatively) infinite canvas is logical for Microsft Excel because it's one big table. There are 256(?) columns by default and hundreds of rows on a sheet - there are cells outside what a user is looking at to see. However, when viewing a Numbers spreadsheet with a single 10 column 10 row table that fits on the screen, there's nothing else on it to scroll to.
Numbers should distinguish between viewing a spreadsheet and editing one. When I'm just viewing, when there's no content outside the window it shouldn't scroll there. This window behavior is beyond annoying for Numbers on my iPad and iPhone.
(Adding user-defined canvas size setting to my view mode / edit mode thinking would probably be the most complete solution to this now that I think about it.)
Until now the way scrolling worked in Numbers has defied logic. Actually it still does lol. That said, thank you Yellowbox for providing a clear explanation. Much appreciated.

Why does the Safari window sometimes open with a 1/4 inch gap along the bottom when the desktop shows through?

I am using a 15 inch Macbook Pro i7 2.66 GHZ. 8 GB ram. 500 GB hard drive. OS 10.6.8. All updates are done on a regular basis.
Sometimes when I open Safari the window leaves a small 1/4 inch gap along the bottom. In this gap you can see the desktop. This is instead of the Safari window taking up the entire screen. When you click on the green button on the top left then it will open in the entire screen and the 1/4 inch gap is gone. This does not happen all the time but is annoying and I don't feel it should be happening. Does anyone know the solution so this stops happening and has anyone else ran into this?

it's the space for your dock. if your mouse enters that area, the dock will appear. if the window just went to the bottom, it would always initiate the dock whenever you had your mouse at the bottom of the conent window. This is un intuitive and I'm sure apple did this so you wouldn't initiate the dock.
This has become more intuitive in Lion and the dock pops up when you're at the absolute bottom of the page. which is what Sig and myself are both using.
I've also noticed it will adjust the window to the content. are the pages you're going to small in content and therefore wouldn't stretch all the way to the bottom of your screen? like a login page or a splash page? I have notice maximize will adjust the width of the window to ASC even after I had it taking up the whole screen before toggling the green button. Hope this helps!

Resizing Safari Window causes blank space

When I resize a safari window using the corner (bottom right) it leave a blank space if I make he page bigger and doesnt fill the page at all unless i press refresh.

.oO(CJR 2007)
>I'm pretty new to website design and this might seem very
basic, but how is it
>possible to resize a browser window automatically to fit
the content on my page
>using Dreamweaver CS3?
You should rather make the site fit the browser window.
> The content of my page is 700px by approximately 650 but
I want the browser
>window to show just this content and not the blank space
surrounding it.
Resizing the browser window is considered _very_ rude, if it
will work
at all - modern browser prevent such abuse of JavaScript.
You should more concentrate on the content and the usability
of the site
to attract visitors. Keeping the layout flexible is usually
the best way
to go. But even if it has to be a fixed-width layout, you
shouldn't mess
with the user's browser settings, but for example center the
entire site
in the browser. Solutions for that are posted here every
second day.
Micha

How can I turn off Recently Websites when opening new Safari window? After tapping on the two overlapping boxes on the bottom right of Safari, a new blank window appears with Favorites, but now in iOS 8, recently viewed websites are listed.

How can I turn off Recently Visited Websites when opening new Safari window?
After tapping on the two overlapping boxes on the bottom right of Safari, a new blank window appears with Favorites, but now in iOS 8, recently viewed websites are listed. How can I turn this function off? I do NOT want my new Safari windows to have history displayed of previous websites I visited. I only want my Favorites (on the top) to be displayed. Please help.
Thank you for your time, patience, understanding, kindness, and concern.

Thanks for replying, but that isn't the answer I am looking for. Also, there is no + sign, UNLESS you do tap the overlapping boxes.
Let me try to ask my question a little more clearly:
When I tap the two overlapping boxes on the lower left (the option to Open New Windows), the new Window that appears will show your Bookmarked FAVORITES. But with my new iPhone 6, and the new iOS 8.0.2, when I tap the two boxes to open a New Window, my Bookmark Favorites show (as they always have and should), but below them, there is a dividing line underneath them, and it says Recently Viewed Websites, and has these websites available to tap.
So my question is, HOW DO I TURN THESE OPTION OFF?
*UPDATE (10.13.14): Since I have asked this question, I no longer see these Recently Viewed Websites under my Bookmarked Favorites in my new Window tabs. So I hope that Apple fixed it, or somehow it was a mistake, or somehow I changed an Option on my iPhone 6 that stopped this for reoccurring.
Thank you for your help bobseufert! I appreciate your concern, kindness, and the time to try to help. I am grateful.
Have a blessed day.

How do I fix the space between the bottom of my window and taskbar?

Recently (today) firefox has had a space between the bottom of the window and my taskbar. I've tried reinstalling and safe mode, and it doesnt go away. Here is a screenshot of the issue. http://imgur.com/mTQtrDN

Nice Work.

Get rid of the white space at the top and bottom of the report when Printing as PDF document

Hello All,
I have a wider tablix report which is 29 inches wide. I have given the paper size as custom and width as 29 and height as 11 in report properties.I have deployed it and saved it as PDF document. When I print preview the report I am using the paper size as
tabloid (17 by 11) and selected the orientation as Landscape. I am getting the full report without any stripping but I am getting some extra space at the top and bottom when I print the report. Can anyone help me how to get rid of this space? . I checked the
margins for the report and it was 0in. Please help.
Thank You

Hi There
In Reporting Services (SSRS 2008), there are white spaces preserved in the report body by default. When the white space extends the body size beyond the width of the report, blank pages will be generated. To avoid the issue, you can set the “ConsumeContainerWhiteSpace”
property of the report to “True”.
Please try to adjust your margins (top + side) and hopefully this problem will get resolved
Body Width <= Page Width - (Left Margin + Right Margin)
Horizontal usable area:
X = Page.Width - (Left Margin + Right Margin + Column Spacing)
Vertical usable area:
Y = Page.Height - (Top Margin + Bottom Margin + Header Height + Footer Height)
Body Width <= Page Width - (Left Margin + Right Margin)
Horizontal usable area:
X = Page.Width - (Left Margin + Right Margin + Column Spacing)
Vertical usable area:
Y = Page.Height - (Top Margin + Bottom Margin + Header Height + Footer Height)
If you have any questions please ask.
Many Thanks
Syed Qazafi Anjum
Please click "Mark as Answer" if this resolves your problem or "Vote as Helpful" if you find it helpful.

White space at bottom of Safari window

Similar Messages

Maybe you are looking for