Unwanted white space

I am having a white space issue. It is on the About Us page -
http://www.radfabs.com/about.html I have the About Us content and pictures all in one div.
As the site is white to narrow the area of problem I changed the background of the div yellow and tested it and that is definitely where the problem is but for the life of me I can't see it:
#hometx {
position:absolute;
left:0px;
top:195px;
width:850px;
height:1692px;
z-index:6;
padding-left: 20px;
font-family: Tahoma, "Times New Roman", sans-serif;
padding-top: 20px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #FFFFFF;}
I did some on line research and found that others have had this issue and when they added in img {display: block} it fixed the problem - that did not work for me. I would greatly appreciate any advice as this is making me a little crazy!
Thanks!

Thank you so much!! I have a few questions:
What does this command do?
html {
overflow-y:scroll;} Is this so a scroll bar appears if it is shrunk?
I see you added font size 100.01% to the body - is that better to use than 1em? Also I see because it is in the body I don't need it anywhere else. Ditto with the fontface.
I see you put the boys pictures in their own div "bottom" and am curious why? Does this clean up another flaw?
On the bottom I see you added an th#facebook and put the color in that way. I am a little confused about when to use a class and a id - I thought it would be better as a class so I could use it in additional spots, if I wanted to. Is this wrong?
I see you took out the left & top and definitions that I had in - I am guessing this was part of my drawing div's mess? And I see you took at the z-index - are these not needed?
You really are wonderful! Thank you again for taking the time and effort to help me with this!!! I really appreciate seeing the clean code so I know where I need to do some fixes!! I have a lot to learn!!
Laura

Similar Messages

Unwanted white space to the right of the page

On my side the web pages scrolls too far to the right, with lots of unwanted white space.
I went to the original Dreamweaver template, and compared codes, but can't seem to find a way around the excessive white space. I thought at first the div.toplogo was the culprit, and adjusted it several ways, but no luck.
My site is www.JFKTech.info
Has anyone had a similar problem?
Any help would be greatly appreciated.

This is a duplicate post. See my answer in your other discussion.
http://forums.adobe.com/message/6076792#6076792
Nancy O.

Why is there unwanted white space added to all .jpg/.png when "inserted" into Dreamweaver CS4?

I have two seperate sites/seperate root folders that I am building right now and every image that I insert into Dreamweaver has an extra white space added to the left of every image. Please help, I must have checked/unchecked something in my preferences. Thank you!
Its not in my CSS or in the HTML coding...from my site:
<a href="optomized-large/Havana-Night-(66-of-312).jpg" title=""> <img src="optomized-thumb/Havana-Night-(66-of-312).jpg" width="100" height="150" alt="" /> </a>

You do know how wrong it is to make a web page that is nothing but images, right? It's on the list of the 10 worst mistakes you can make for sure.
Anyhow, look at this page -
http://www.murraytestsite.com/denver.html
I have outlined every image on that page with a 1px red border. There is no unwanted white space being added to those images. If there were you would never see the menu button images that close together. I have also put a 1px green border on the left of the container div. Note that the images are snug against that green border.

Unwanted white space in Illustrator CS3 EPS

Hai All
I am facing a problem with the specific image find the attahced.
There is no white space in images (87862fig2_3.eps) if we open it in “Adobe Illustrator CS3”. We have imported the same image in “In Design CS3”, but there was some white space exists in top and bottom of the image. I have opened the same image in the Adobe Illustrator CS3 and "Save As" the same now the white space is not appearing around the image.
Please advice why i am facing this problem
Thanks in advance
Mathew

I downloaded the eps and I opened it in AI and there was no problem I saved it as an AI file and placed it in ID and had no problem I then saved it as a eps and had no problem when placing it in ID. This would be on a Mac.
I do however get the same result when I place your eps in ID it goes away when I open in AI and then save it out again from AI as an eps or ai file.
This is with CS 4.but I do not recall ever seeing this problem in CS 3? I attached the files I saved from AI CS 4 see if there still exist the problem when you place these files in ID or AI? I think the problem will not be present.
What are your setting when saving from AI as an eps?

Can't get rid of unwanted white space

I'm trying to delete what looks like four lines of extra space within a paragraph. I've tried the GREP for multiple returns, trailing white space, leading white space, and nothing seems to work. I've attached a screenshot. Can someone tell me what is going on??

Show us the whole page, with non-printing characters showing, and the text frame options dialog open.

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

</style>
<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;" />
</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>
</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>
</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>
</div>
</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.

Eliminate White Space in Picture Library Slideshow Web Part

On my site, I am using picture library slideshow web parts on two different pages, and one of them is giving me trouble with unwanted white space between the photos and the back, pause, forward control buttons (see photo below).
In an attempt to resolve this issue, I have tried numerous things. I have resized the width and height of the web part itself to many different sizes, but to not avail. I have cropped and resized all of the photos to be the exact same size of 300x200
pixels. I have used CSS to display the photos to their actual size rather than the standard preview size. With all of this in mind, my second photo library web part on another page works perfectly. This was white space problem was only an issue until
I resized/cropped the photos in that case. For this page, however, that solution is not working.
Does anyone have any clue as to how I can remove this unwanted white space?
Thank you!

Hi Stacey,
From your description, you would like to remove white space in picture library slideshow web parts. You used CSS to solve it however a web part still show white spaces.
Please press F12 and see if there is div tag in white space, if there is, try remove it.
http://365.webbrewers.com/Pages/webbrewerstest.aspx
In addition, try edit web part properties > Display with > choose No Title or Description.
Here is a similar thread for your reference:
http://social.technet.microsoft.com/Forums/en-US/1e63661f-0183-44e7-843a-cca58a20cddc/remove-empty-space-in-picture-library-slideshow-web-part?forum=sharepointgeneralprevious
Regards,
Rebecca Tu
TechNet Community Support

Placed Illustrator PDF has extra white space

Illustrator artwork saved as PDF, and placed on an InDesign page comes in with extra white space of around 1 1/3 mm on all
sides. I can't figure out what this unwanted white space is or how to avoid it. Can someone please tell me how to avoid the extra white space.

in which case - i can only apologise for the incorrect advice.
I've never had any problems with eps files - providing that the artwork is tidy.
And I've found loads of problems printing a placed pdf through a digital rip.
I'll leave it down to trial and error... and wish the best of luck.
cheers
re

Need help with white spaces/halos when creating PNG

I'm using Illustrator CS6 on Windows 7. I'm trying to create some pushpins that will go on an online map. I've created the graphic in Illustrator and everything looks nice and sharp. My problem is when I try to convert this .ai file to png. The ai file is set up on 8.5 x 11 artboard with the graphic taking up the whole artboard; the final size of the png needs to be 20x34 pixels at 72 dpi.
I've tried both Save for Web and Export but no matter what I do, when I open the png in Photoshop, there is a white space between the grey pushpin and the black stroke as well as around the outside of the S. No matter what I've tried, I can't get rid of these unwanted white spaces/halos. Is there a setting I'm missing somewhere? The large image below is how it looks in Illustrator; the small image is the png opened in Photoshop. How can I get the small png to be as crisp as the large ai file? Thanks.

mc-mark,
Are you sure the artwork is contained within whole pixels on the Artboard?
One way to obtain that is to move the artwork so that the Transform panel tells you that the X and Y values of the lower left corner (or centre or something else) are whole pixels/points; another way is to tick Align to Pixel grid in the Transform panel, but I am afraid that may distort the artwork when used at this stage.

White space issues between content and footer.

I am having white space/page length issue between the end of my content and the footer.
I have read the forums and tried changing the page length minium height to 800 and then I
unchecked the sticky footer in page properties on both the master page and the content page itself.
Here's a link to one of my pages. http://www.ueonline.com/rohs-info.html
This page has very little content and you can see the white space.
Any help is appreciated.

This may be a little dated for a reply, and I'm not 100% sure your issue is the same as mine, but I discovered that unchecking the sticky footer option in site properties solved the problem. I should note that the website I was building for a client was über simple, and while disabling that function solved the headache in my own project, it may incur unwanted results in others, depending on the complexity.
DTA

Is it possible to exclude white space from creating records using UNPIVOT

SELECT
        FROM
            Table1
            UNPIVOT EXCLUDE NULLS
                NEW_COLUMN
                FOR COLUMN_NAME IN
                   FIELD1, field2, --------------FIELD20
            )I don't want to create row for whitespace (empty value) in any of field1-field20 columns. Row should create for each of value present in any of FIELD1-FIELD20. Is it possible to exclude white space from creating records using UNPIVOT? I am just looking for syntax if there any. thanks

Hi,
Sorry, it's very unclear what you want.
Whenever you have a question, please post a little sample data (CREATE TABLE and INSERT statements, relevant columns only) for all the tables involved, and the results you want from that data.
Explain, using specific examples, how you get those results from that data.
Always say what version of Oracle you're using (e.g. 11.2.0.2.0).
See the forum FAQ {message:id=9360002}
Have you tried the the UNPIVOT EXCLUDE NULLS option? See the SQL Language manual for details.
It that doesn't do what you want, then you may need to UNPIVOT in a sub-query, generating more rows than you want, and use a WHERE clause in the main query to remove the unwanted rows.

White spaces b.w regions... how to fix them...?

Hi,
I've created few regions on a page... I am hiding/showing couple of them based on the selection from a radio group...
my issue is that, for some odd reason I am getting additional white spaces for some of the selections (and not for all of them)...
I've saved a sample on APEX.ORACLE.COM as follows for your review and comments
Workspace: tparvaiz
Username: [email protected]
Password: tparvaiz
Application: 28899 Default Date and White Space
Appliaction Page No: 24
ID/PW: TEST/TEST
Thanks

You are using dynamic actions to hide items rather than the regions containing them. This leaves elements of the region visible as extra space. Also the choice of region template may not be appropriate and include elements that generate extra space (the Button Region without Title template doen't seem right for the Proj_Order region as this doesn't contain any buttons). Use a browser with a web inspector tool (Safari, Chrome, or Firefox+Firebug) to find the elements generating the unwanted space.
Either:
<li>Change the DAs to hide the regions as a whole rather than the individual items (use static region IDs to provide DA selectors).
<li>Retain the DAs that operate at item level, but use fewer regions, e.g. move the items into a single region.
As Re: Image rollover, you may be using too many separate regions. This isn't wrong (in many ways its a good thing) but there should be good reasons for doing so, and you should take advantage of there being separate regions by working with regions as whole. Also consider using subregions to group related regions.
A clearer naming convention for Dynamic Actions would also be a good idea: the current ones give no clue to what they do.

Blank white spaces on pages

Hi,
For some reason, on my website it is showing some random blank white spaces? They appear to be in the same places on each individual page so I was wondering if it could possibly be anything to do with the master page? In preview mode, both on Adobe Muse and on the browser, it appears to be fine but as soon as I've put it up on to the website, the white spaces are evident and I need to get it fixed ASAP.
My website is http://beckyofficial.businesscatalyst.com/index.html
Although, please ignore the poor quality of my website for now; it's still under construction.
If anybody here could help me, I'd be really grateful.
Many thanks in advance.

Hi Jadey,
Please send your .muse file to [email protected] Add link to this forum post and refer it to me. We'll investigate the issue and get back to you.
Regards,
Aish

White space handling dbms_xmlstore.insertxml

Hi,
I have a question about white space handling.
I have a column in table which holds white space character.
When I loading xml file using dbms_xmlstore.insertxml white space is converted into NULL and inserted into table.
It would fail if the column type is not null.
How do I handle it?
======================================================
Alternatively, how do I insert a tag with only whitespace in it into a table?
<Tag> </Tag> [One whitespace]
To elaborate the question
If I have following data in xml file ...
=============================================
<Rowset>
<Row>
<Tag1> </Tag1>
<Tag2>1</Tag1>
</Row>
</Rowset>
I have to load this data into
table tab1...
create table tab1 (tag1 varchar2(5), tag2 number);
How do I achieve it using dbms_xmlstore so that I can read the whitespace in XML and load it correctly into the table?
========================================================================
To use an alternate approach, I also tried the following.....
I tried the following test program on the xml file also shown below....
XML File is
<?xml version="1.0"?>
<ROWSET>
<ROW>
<SYS_NAME> a </SYS_NAME>
<SYS_SERIAL_NUM>000000</SYS_SERIAL_NUM>
</ROW>
</ROWSET>
And small procedure is
create or replace procedure PRO_TEST
as
o_sys_name varchar(10);
spacetag varchar2(10) := ' ';
begin
--execute immediate 'create global temporary table gt_xmltype_tab1 (xmlfile1 xmltype)';
insert into gt_xmltype_tab(xmlfile1)
values(XMLType(bfilename('RESTOREDIR','ADTL_SETUP_OPTIONS.xml'),nls_charset_id('AL32UTF8')));
select extractvalue (value(x), '/ROW/SYS_NAME')
into o_sys_name
from gt_xmltype_tab gt, TABLE(XMLSequence(extract(gt.xmlfile1, '/ROWSET/ROW'))) x;
dbms_output.put_line('[' || o_sys_name || ']');
dbms_output.put_line('ASCII:- ' || ascii(o_sys_name));
if o_sys_name = ' ' then
--if o_sys_name = chr(32) then
dbms_output.put_line('I found space');
else
dbms_output.put_line('I found no space');
end if;
commit;
end;
When Tag is <sys_nam> </sys_name> I get [] in the output(empty).
When Tag is <sys_nam> a</sys_name> I get [ a] in the output(space and a).
When Tag is <sys_nam> a </sys_name> I get [ a ] in the output(space a space).
When I has some character along with the whitespace, behaviour is correct and as expected.
But when the tag contains only whitespace the output is empty.
I cant seem to get around this problem.
Upon receiving empty string, other sub systems which are reading the data stop working.
Can someone help here?
Edited by: userAtoZ on May 14, 2011 2:57 PM

White space handling dbms_xmlstore.insertxmlYou may replace all whitespaces with its corresponding html entity:
SQL> create table test (v varchar2 (5))
Table created.
SQL> declare
ctx   sys.dbms_xmlstore.ctxtype := dbms_xmlstore.newcontext ('test');
doc   xmltype := xmltype(replace('<ROW><V> </V></ROW>',' ', '&#32;'));
ret   int;
begin
ret := dbms_xmlstore.insertxml (ctx, doc);
dbms_xmlstore.closecontext (ctx);
end;
PL/SQL procedure successfully completed.
SQL> select v, length (v), ascii(v) from test
V             LENGTH(V)        ASCII(V)
                      1              32
1 row selected.

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;

Unwanted white space

Similar Messages

Maybe you are looking for