How To Get Rid Of White Space Around Footer

Hi,
I am really new at this (still trying to get a handle on HTML, CSS, etc.) and I need help fixing the footer in a template that I've created in Dreamweaver (CS5).
Right now, my main background image extends the full width of the page with no problem. However, my footer won't do the same thing. Instead, there are white bars on either side of it and when I test the page in a browser, I keep finding that no matter how small I make the browser window, the footer still won't extend to the full width of the page - I just keep getting the white bars on either side (the footer does this in Dreamweaver, Internet Explorer, Chrome, Firefox, etc.).
I created the footer using CSS, made its width 100%, and made sure that both the margins and the padding are 0. Here's what the CSS looks like for it:
#footer {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          color: #464646;
          background-image: url(../Images/Other/Footer.jpg);
          background-repeat: repeat-x;
          text-align: center;
          width: 100%;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px;
          padding-right: 0px;
          padding-bottom: 0px;
          padding-left: 0px;
And here's what my HTML coding looks like for the entire template:
<!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>Template</title>



<style type="text/css">
body, td, th {
          font-family: Arial, Helvetica, sans-serif;
          color: #000;
body {
          background-color: #FFF;
          background-image: url(../Images/Other/Main%20Body%20of%20Website.jpg);
          background-repeat: repeat-x;
</style>
<link href="../CSS/Allegeon Style Sheet.css" rel="stylesheet" type="text/css" />
<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_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];}}
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>
<style type="text/css">
a:link {
          text-decoration: none;
a:visited {
          text-decoration: none;
a:hover {
          text-decoration: underline;
a:active {
          text-decoration: none;
</style>
</head>
<body onload="MM_preloadImages('../Images/Navigation/Rollover/Services Rollover.jpg','../Images/Navigation/Rollover/Hands On Rollover.jpg','../Images/Navigation/Rollover/Onsite Rollover.jpg','../Images/Navigation/Rollover/Contact Rollover.jpg','../Images/Navigation/Rollover/Home Page Rollover.jpg','../Images/Navigation/Rollover/Learning Rollover.jpg')">
<table width="681" border="0" align="center" cellpadding="0" cellspacing="0" summary="Table applied for page structure.">
<tr>
    <td width="113"><div align="center"><a href="../Site Pages/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('index','','../Images/Navigation/Rollover/Home Page Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Home Page Normal.jpg" alt="index" name="index" width="101" height="64" border="0" id="index" /></a></div></td>
    <td width="113"><div align="center"><a href="../Site Pages/Services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','../Images/Navigation/Rollover/Services Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Services Normal.jpg" alt="Services Link" name="Services" width="101" height="64" border="0" id="Services" /></a></div></td>
    <td width="113"><div align="center"><a href="../Site Pages/Hands On.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('HandsOn','','../Images/Navigation/Rollover/Hands On Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Hands On Normal.jpg" alt="Hands On Link" name="HandsOn" width="101" height="64" border="0" id="HandsOn" /></a></div></td>
    <td width="113"><div align="center"><a href="../Site Pages/Learning.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Learning','','../Images/Navigation/Rollover/Learning Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Learning Normal.jpg" alt="Learning" name="Learning" width="101" height="64" border="0" id="Learning" /></a></div></td>
    <td width="113"><div align="center"><a href="../Site Pages/Onsite.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Onsite','','../Images/Navigation/Rollover/Onsite Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Onsite Normal.jpg" alt="Onsite Link" name="Onsite" width="101" height="64" border="0" id="Onsite" /></a></div></td>
    <td width="116"><div align="center"><a href="../Site Pages/Contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','../Images/Navigation/Rollover/Contact Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Contact Normal.jpg" alt="Contact Link" name="Contact" width="101" height="64" border="0" id="Contact" /></a></div></td>
</tr>
</table>

<table width="681" border="0" align="center" cellpadding="0" cellspacing="0" summary="Table applied for page structure.">
<tr>
    <td width="280"><img src="../Images/Header Logos/Home Page Logo.jpg" width="280" height="214" alt="Allegeon Logo" /></td>
    <td width="401"><img src="../Images/Header Images/Baltimore Web Landscape.jpg" width="401" height="214" alt="Baltimore" /></td>
</tr>
</table>
<br />

<table width="681" border="0" align="center" cellpadding="0" cellspacing="0" summary="Table applied for page structure.">
<tr>
    <td> </td>
</tr>
</table>

<p id="footer"><br />
<a href="../Site Pages/index.html" title="Home Link">HOME</a> <span class="divider">l</span> <a href="../Site Pages/Services.html" title="Services Link">SERVICES</a> <span class="divider">l</span> <a href="../Site Pages/Hands On.html" title="Hands On Link">HANDS ON</a> <span class="divider">l</span> <a href="../Site Pages/Learning.html" title="Learning Link">LEARNING</a> <span class="divider">l</span> <a href="../Site Pages/Onsite.html" title="Onsite Link">ONSITE</a> <span class="divider">l</span> <a href="../Site Pages/Contact.html" title="Contact Link">CONTACT</a><br />
Copyright © Allegeon. Designed by Allegeon. Developed by <a href="http://www.KatherineGahs.com/" title="Designer Link" target="_blank">Katherine Gahs</a>. </p>
</body>
</html>
Any help you can give me would be really appreciated!!! Thank you!

body {
margin: 0;
padding: 0;
If this is placed in the header html on a master or individual pages in Muse itself the problems appears to fix for me so one does not have to edit the HTML every time.

Similar Messages

How to get rid of white space above footer in Muse

I have a website that has several random pages where different sizes of white space will appear above the footer even though I did not put them there. How can I get rid of this empty white space?
This is the page in Preview Mode:
This is the page is Design Mode:
This is the Master page in Design Mode:
This is the Site Properties:

Hi
As I see the white space you refer to is as shown below, am I correct?
Could you please get to this page in muse project and "select all items on a page" and check if there's any rectangle or div placed at the bottom ? If yes ! try removing the same and re-publish the site and check if that helps.
Looking forward to your reply.
PS : Please uncheck the sticky footer option in Site properties and check if it works.

How to get rid of white space in EPS embedded in Word for letterhead template?

Does anyone know how to get rid of the white band in the bottom of this letterhead?
I embedded the EPS image (done via Illustrator) as a watermark in the header section of MS-Word.
It looks fine in the Word version, but as soon as I try to print the document - either via Word or via a PDF - that white
band on either side of the footer and underneath it keeps showing up. I can't get rid of it. I tried this on a PC and a Mac
and those white bands won't go away.
If anyone could let me know how to resolve this problem, I would be eternally grateful!
Thank you.
NZB

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.

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.

How to get rid of white border around Container Div (main box)?

I have look and look for a solution but couldn't find one. I'm developing a website but the main issue is the white (I changed it black so you can see what I'm talking about) border around the website when i go to preview it from DW to Google Chrome or Internet Explorer.
I've tried everything! from setting body margins all to zero but nothing works... can anyone help me?!

No that's not what I'm talking about, the black div bot on the top is what i put, I put the entire style.css code in my last post, I'm talking about the white border on the right inside the scroll bar.
let me explain from the bottom, let say I don't put Margin: 0 under Body in my style.css . I get a white (I made it Green to show you better) border around my entire webpage looking like this:
so this made me curios because I wanted to know why it gave me this border without putting Margin: 0 under Body in my Style.css sheet. so i went to inspect element inside Google Chrome and saw this:
I was shocked because it automatically added 8 px in Margin around the body. So I took all the advice i was given in this thread and put the Margin: 0 ; under Body in my Style.css Sheet and it did this:
for Some reason it says Margin 0 in the inspect element under body but put a default white border there to the right....
I have explained this the best way possible. PLEASE CAN ANYONE HELP ME?!
ps. its doing this for all browsers so i know it not a chrome issue!

When Importing Images, How Do I Remove The White Space Around The Corners?

When Importing Images, How Do I Remove The White Space Around
The Corners?

u may use magic wand (and magic wand setting) from Lasson
Tool to select and delete that white space, but u must break a part
to the picture first.

Can't get rid of white border around image

http://www.gunnar.ca/laminatepage2.htm
I created a rounded corner in photoshop for my table. I
created a cell in the bottom left corner of the table and placed
the gif. There is a thin whit border around the outer edge of the
gif, so it doesn't look genuinely rounded. Can anyone tell me how
to get rid of that so it looks like the table is actually rounded?
Thank you!

Because the table containing the GIF has a border. In your
styleA.css
stylesheet, the rule:
.border {
border: 1px solid #E5E5E5;
adds a border to the table. Delete the rule. Of course - that
may affect
other things that use the .border class. Or - delete the
class from the
table tag.
Several problems with the page:
styles.css cannot be found
sideNavStyles.css cannot be found
34 vaildation errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.gunnar.ca%2Flaminatepage2.htm
Alec
Adobe Community Expert

Get rid of white box around image after image tracing to create vectors

Hi there, please help!!!
I am trying to convert png and psd images (icons) into vectors but i would like to safe them as .eps file and keep them on a transperent background. How do i do that? After the image tracing a white box appears around my images and i dont know how to get rid of it.
I would be so greatful if someone could help me out here as i tried suggestion from the internet and nothing worked so far.
Thank you so much,
Franzi

Franziska,
Tick Ignore White in the Image Trace options.

Getting rid of white border around photos when using iphoto to iweb

Hi there,
Am creating web pages in iweb and importing photos from iphoto. Can anyone tell me how to get rid of the white border around my photos (image frame)? Hoping to enhance some of the templates with my own images. I also have photoshop elements and have been having the same problem there. Sure appreciate. Kim Strouble

Welcome to the Apple Discussions. The link to the site is broken. There is a fix for some of the strange goings on since the MobileMe conversion. See Wyodor's post in this thread: http://discussions.apple.com/thread.jspa?threadID=1605665&tstart=0. After applying the fix to iWeb I found I might have to republish a second time, occasionally a third and make sure I cleared my browser's cache.
If you're using Firefox 3 that's a different solution that can be found here: http://discussions.apple.com/message.jspa?messageID=7486799#7486799
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto (iPhoto.Library for iPhoto 5 and earlier) database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger or later), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 6 and 7 libraries and Tiger and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.
Note: There now an Automator backup application for iPhoto 5 that will work with Tiger or Leopard.

How to Get Rid of White Stripe At Top of Firefox Browser

I have the current version of Firefox installed. Recently, perhaps with the most recent install, I'm not exactly sure, a white stripe appeared at the top of the browser, right under the search and URL boxes at the top of where websites would normally show, a white stripe about a 1/2 inch thick has appeared. Not on every single site, google.com works fine, but for example, it blocks out the home, connect, discover and me tabs on Twitter. Or if you go to mozilla.com, the tabs at the top of the mozilla site briefly show, then are blocked by the white bar. You can't click on any of them, even if you have your mouse pointed at the right spot. You can refresh the screen and they'll briefly show again, but not long enough for you to click on anything.
I've run a number of search engine queries trying to find out how to get rid of this problem, but I'm only finding resolutions for webmasters, not for end users who have to deal with this problem on the other end of the browser.
Anyone know how to get rid of this nuisance? I'm about ready to uninstall Firefox because its useless on many sites with buttons and tabs on top.

I shut down all but one of the extensions, and that seems to have resolved the problem. Thank you!
Now to figure out which extensions I need, and which I don't, because I don't have a clue. I don't remember installing most of these, I only recall one or two (nothing looks spammy like funmoods, but still don't remember when or why these were added...)

How to get rid of white icons on ipod touch 4th generation

How do you get rid of white icons on the ipod touch 4th generation. I tried resetting it already.
Thanks,

First, try a system reset. It cures many ills and it's quick, easy and harmless...
Hold down the on/off switch and the Home button simultaneously until the screen blacks out or you see the Apple logo. Ignore the "Slide to power off" text if it appears. You will not lose any apps, data, music, movies, settings, etc.
If the Reset doesn't work, try a Restore. Note that it's nowhere near as quick as a Reset. Connect via cable to the computer that you use for sync. From iTunes, select the iPad/iPod and then select the Summary tab. Follow directions for Restore and be sure to say "yes" to the backup. You will be warned that all data (apps, music, movies, etc.) will be erased but, as the Restore finishes, you will be asked if you wish the contents of the backup to be copied to the iPad/iPod. Again, say "yes."
Finally, if the Restore doesn't work, let the battery drain completely. Then recharge for at least an hour and Restore again.

How to get rid of extra spaces while TRANSFERing itab to PersentationServer

Gurus,
we have a program which downloads the internal table to server using the TRANSFER statement.
open dataset --- BINARY MODE
loop at ITAB.
transfer ITAB-line to g_file.
endloop.
close dataset.
This works fine.
The new requirement is we need to get rid of the spaces that are padded at the end.
ITAB data is RANDOM. The actual length of ITAB is 128 chars per line. Every 120 chars will have a eof char ( delimeter)
so the last line of ITAB may have 1 or 2 delimeters in it. if it is just 1 we can solve it using SEARCH and TRANSFER---length
if it gets 2 delimeters ?
Thought????
Any help is appreciated.
Regards,
Pete.

Andreas,
Thank you for the reply.
I did use that. What I meant to say is when you have more than one EOL char in last line how do you find the last EOL and transfer upto that length.
I used DO---ENDDO and checked for each existance of the EOL char. I am not pleased with what I am doing.
Is there any better way to this ?
Version - 4.6c.
Regards
Pete.

How to get rid of shadowed border around screen on MacBook Pro?

Just wondering if anyone knows how to get rid of this shadowed border on the screen of my macbook pro. I think my young daughter made it appear when she was striking various keys at random on my computer when I was not there. The cursor does not work when its over the shadow (i.e. will not depress the red 'x' button to exit a window and I have to drag window out from under shadow to close it).
It also appears in the middle of screen when airplay is turned on. (See screen shots below)
I have been unable to find any other discussion on this issue.
Above is screen normally and below is when airplay is turned on. Please help, thanks.

Hi rose_hedley,
I'm wondering if you have restarted your computer by now and if that helped.
That border is from Exposé with Show Desktop enabled (F11).
Mac Basics: Exposé (Mac OS X v10.6 and earlier)
http://support.apple.com/kb/ht2503
Need to temporarily clear the clutter? Press F11 and watch all your windows scamper away.
Take care,
Nubz

How do you get rid of white space when you are printing multiple pages to one sheet of paper?

How do you get rid of extra white space when you are printing multiple pages to one sheet of paper? When printing multiple pages to one sheet of paper Acrobat won't let you select the "zoom" for printing.
Thanks

Take a look at Quite Imposing.

How do I get rid of white space on one side of image in table cell?

I'm making a disjointed rollover and when ever I add images it creates too much white space to the right of the cell. How can I make the picture fit, so space is not wasted? See image sample with red arrows where I want to remove space. I've removed the width size from my table, hoping it would "spring to shape" around the images, but no go.

HTML:
Cellpadding="0"
Cellspacing="0"
CSS:
table {border-collapse: collapse}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How To Get Rid Of White Space Around Footer

Similar Messages

Maybe you are looking for