Footer Issue -- Gap between content and footer

Hi, I maintain this site for a client and it used to work.
I went on there today to make some small event type changes, and now the page content won't align with the footer on some pages, leaving a big white gap. I've messed around in there but can't seem to make it work.
Help please? Screenshots attached.

Sanjit, I didn't make any changes to the master at all. It was fine online, then I opened it to make a small type change and it was like this, and I can't get it back to where it was.
I tried adjusting the footer, but the slideshow is not on the home master page, just the bottom brown part and the type in it.
I don't know what could have caused it to change from before to now? I haven't touched the file in months.

Similar Messages

Keeping a Consitent Gap between Content and Footer.

Hi !
I spent a couple of days trying to solve how to regulate the space between body and footer on a MUSE-project. I think it‘s worth dropping a few line for humankind.
We’re on a master-page. Let’s say our standard page has the following properties:
The Footer-marker is set to y: 500 px
The Bottom_of_Page-marker is set to y: 650 px
The Bottom_of_Browser-marker is set to y: 680 px
These settings mean, you have 150 px height-space for the Footer, starting from y: 500 px.
If you require more space for the Footer, it’s the Bottom_of_Page-marker you’ll have to drag down ( not the Footer-marker ! ).
If you’d like to add a gap, so your Footer is not directly sticking to the Content of the page anymore, but you’d rather like to preserve some space between both, you’ll have to drag down only your Footer-elements a little bit, e. g. down to y: 520 px. So, in a way, the 20 px gap created is part of the Footer. No changes must occur to the Footer-marker, at least for this reason. You’ll only eventually drag the Bottom_of_Page-marker down, in case Gap-height + Footer-height require more space than already available (depending on your figures).
Cheers
G

Sanjit, I didn't make any changes to the master at all. It was fine online, then I opened it to make a small type change and it was like this, and I can't get it back to where it was.
I tried adjusting the footer, but the slideshow is not on the home master page, just the bottom brown part and the type in it.
I don't know what could have caused it to change from before to now? I haven't touched the file in months.

Published site has huge gap between content and footer

So i have just published my site and when i look at it after being published i have a good 2 inch gap between the bottom of the content and the footer.
I have read up on a number of bits and pieces and they say you mauy have a hidden container on the pages, which i totally accepted so i searched and nothing. I then thought it might be a issue with the master page i was using, so checked that. Couldnt see it.
However when i looked through my site and saw the master pages i used i had a mix and some worked and some didnt. Im lost!!!
I launch on Sat and its a bit of a pain. Has anyone had this issue? The preivew looks fine, so im not sure where this gap is coming from.
Thanks in advance!

When Sticky Footer is checked, the footer will stick to the bottom of the browser window unless the page is taller than the browser window.
Glad that I could be of help.
Regards,
Sachin

Removing gaps between content and footer/ content and header

I've been looking all around the internet for some solution, and it's probably a simple one.
But it's making me want to throw a brick through a window.
How the hell do I make that gap (pointed to in red) disappear so that my footer image is seamless with my content background?

Remove the bottom margin from your paragraph?
p { margin:0; padding:0;}
Or change the spacing to before so you still get gaps between paragraphs
p {margin-top:10px; padding:0;}

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

How do I clear the blank space between content and footer?

In the process of revising a Muse website, I deleted some content from one of the pages and revised the content that remained on the page. Now I have a blank area between the bottom of the revised content and the top of the footer, and I can't seem to get rid of the blank space. It doesn't appear that there are any text blocks or other images in that area, so I can't find any objects to delete. Help?
The website is currently published in a draft mode for client review. You can examine it at: http://page7creative.com/clients/coremove_jun2012draft/retreats.html. The page in question is the Retreats page. Restarting Muse made no difference. I work on the Mac platform.
Before I sent this post, I decided to try creating a new page, then copy/paste the content onto the new page, and save the Muse site under a different name. Lo and behold, the page (and the site) works like it should...without any extra space above the footer on that page. It would appear that something went astray when I deleted content on that page. I can use the new page to get the site working properly, but decided to go ahead and send this post so that you can look at the page code and perhaps see what is wrong that is causing the blank space...in case I ever run into this again.
Thank you.
pyxis83

Thanks for sending your file.
There is a graphic at the bottom of the content area of the Retreats page that's been cropped to a size of zero width and 2 pixels in width.
Unfortunately, there's a bug with pointer tool drag selection (aka marque selection) that prevents it from selecting an item that has zero width or zero height. Therefore the easiest way to select this item to delete it is to select any other item on the page, then hit the tab key repeatedly to cycle through every item on the page. When you get to this item you should see a little pile of selection handles at the left edge of the third column and right at the bottom of the content area. The width and height will display as zero and 2. Delete this item and the page will resize to fit the remaining content.

Two days before my iphone 5 battery was expand and display screen came out and now there has some gap between frame and display.so how it will happen and i already got before months.now i need to backup all the data to icloud before through out.

two days before my iphone 5 battery was expand and display screen came out and now there has some gap between frame and display.so how it will happen and i already got before months.now i need to backup all the data to icloud before through out.
https://www.dropbox.com/home/iphone
https://www.dropbox.com/home/iphonehttps://www.dropbox.com/home/iphone

Make an appointment at the genius bar of your local Apple Store. The phone has a 1 year warranty. If it's no longer under warranty, a replacement is $269.

Diff between content and application proposal

Hi
When i am assigning infosource to my standard datasource we have three options content,application proposal,others i know that for generic we use others but for standard business content we have content & application proposal options i think when we enhance the datasource we go for application proposal or if i am wrong plz correct me for standard datasources with no enhancement is it ok to go for content option plz confirm.
Regards,
Nikhil.

Hi Pradip,
Thanks for your reply but suprisingly i got an option while assigning for few datasources in SD where i had an option to choose between content and application proposal i had this doubt at this point of time as the system gave me two options and i had to choose b/w content and application propasal offcourse others option was greyed out i choose content option while assigning the infosource is that ok or i had to go with application proposal plz clarify.
Regards,
Nikhil.
Message was edited by: nikhil sharma

Background displaying between main content and footer

Hi guys, I have a bit of a strange one to ask, with a discrepancy between what I am seeing on my website (online), compared to viewing my pages in Dreamweaver. OK, here goes.. online, the footer shows up fine, being directly underneath the main content (with nothing displaying between the footer and the main content) - however when I look at the same pages in Dreamweaver (CC), it shows a very large amount of the purplish background situated directly between the main content and the footer, and taking up an area around 4 times the height of the main content of the page (which basically makes the page 4 times bigger than it needs to be, in Dreamweaver). I hope that description makes sense - so basically (as I scroll down the page in Dreamweaver), firstly I have the main content (taking up 20% of the total height of the page), then below that, the mystical blank area of background color (taking up maybe around 79% of the total height), and then below that, right at the bottom, the footer (say, 1% of the total height). Yet when I view the web pages online, the footer is sitting snugly below the main content, exactly where it is meant to be - which I guess is the important thing, but I am worried that Google will see the issue as some kind of page error, so I would prefer to fix it if I can. Here is a typical page where the issue exists - http://www.mindtraining.net/dreamweaver/motivational-info/index.php I have a feeling it might have something to do with the vertical blue strip I have on the right hand side of each page, as the only page where the issue doesn't exist is the homepage at http://www.mindtraining.net/dreamweaver - which doesn't have the blue strip. Any thoughts would be greatly appreciated. Many thanks, Craig T

Both links are going to the same page. So they are identical.
<I am worried that Google will see the issue as some kind of page error>
Google robots don't see CSS or JavaScript. They index sites based on your HTML content.
Unfortunately, you do have a significant number of code validation errors which need attention to avoid x-browser rendering problems.
[Invalid] Markup Validation of http://www.mindtraining.net/dreamweaver/motivational-info/index.php - W3C Mark…
Do not use spaces in folder & file names. On the web it creates problems b/c spaces are converted to %20. Use underscores or hyphens but no spaces or special characters.
Change all instances of this:
Metamorphic Dreamweaver Template_files
to this:
Metamorphic-Dreamweaver-Template_files
or this:
Metamorphic_Dreamweaver_Template_files
You also have some orphaned HTML tags.
Nancy O.

Strange gaps in Header and Footer

Im getting gaps in the header and footer on some of my pages. Sometimes the gaps are filled with the background color of the colomn and other times they are the body color which is even weirder. An example link would be http://www.mojogar.com/pcRepair.aspx . In IE8 I get a gap on top but not the bottom. In Firefox3 the gap is on the bottom and not the top. ???
here is the markup page; (followed by the CSS)
<%@ Page Language="VB" ContentType="text/html" %>
<!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>



<link href="thrColHybHdr.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="thrColHybHdr">
<div id="container">
<div id="header">
    
    <div class="fltlft"><img src="images/mojoLogoSmall.png" alt="Mojogar digital design & PC repair" width="172" height="41" border="0" usemap="#Map" />
      <map name="Map" id="Map">
        <area shape="rect" coords="2,2,172,39" href="default.html" target="_self" alt="Mojogar Home" />
      </map>
    </div>
<div class="fltrt">HeadRight
</div>
<div class="MenuVertDiv">
    <ul id="MenuBar2" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">Design</a>
        <ul>
          <li><a href="webDesign.aspx">Website Design</a></li>
          <li><a href="webDev.aspx">Website Development</a></li>
<li><a href="logo.aspx">Logo Design</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Animation</a>
        <ul>
          <li><a href="webDev.aspx">Flash Animation</a></li>
</ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">Support</a>
        <ul>
          <li><a href="pcRepair.aspx">PC Repair</a>            </li>
          <li><a href="virus.aspx">Virus</a></li>
          <li><a href="email.aspx">Email</a></li>
          <li><a href="backup.aspx">Data Backup</a></li>
          <li><a href="wireless.aspx">Wireless</a></li>
          <li><a href="software.aspx">Software</a></li>
          <li><a href="hardwareInstall.aspx">Hardware</a></li>
<li><a href="server.aspx">Server Repair</a></li>
<li><a href="busConsult.aspx">Consulting</a></li>
        </ul>
      </li>
      <li><a href="contact.aspx">Contact</a></li>
    </ul>
</div>
</div>
<div class="masterBackground">
<div id="sidebar2">
    
<div id="sidebar2">
    <h4>When your computer is having troubles, have a Professional look over your system to update or repair your operating system, audit the installed programs, and check for viruses and other malware.</h4>
    
</div>

    
</div>
<div id="mainContent">
    
<div id="mainContent">
    <div class="MarginTopZero">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="580" height="300" title="Computer Support">
      <param name="movie" value="images/flash/PCCollage.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <embed src="images/flash/PCCollage.swf" quality="high" wmode="opaque" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="580" height="300"></embed>
    </object></div>
    <h2>Don't feel alone when your computer breaks. Computer problems can leave you in the dark about what is wrong. Help is a call away.</h2>
    <h4>Our tune-up and repair service consists of the following;</h4>
<li>Operating system updates</li>
    <h5>Operating system updates help the security of the computer and can add features that the manufacturer has been working on to make the life of the end user easier. Updates come out as frequently as every couple weeks on some operating systems.</h5>
    <li>Programs audit</li>
    <h5>Many <a href="software.aspx" title="Go to our software page" target="_self">applications</a> get added over time and can slow down the performance of any PC by taking up processor and memory resources, not to mention hard drive space.</h5>
    <li>Security overlook</li>
    <h5><a href="virus.aspx" target="_self">Anti-virus</a> definitions need to be kept up-to-date. New viruses, spyware, trojans, and malware are always being introduced into the wild (the internet is a jungle). Anti-virus applications need to be kept updated as well. Subscriptions to paid providers can lapse and updates can be left behind for months if not years (I've seen it happen).</h5>
    <li>Anti-virus fine tuning</li>
    <h5>Many anti-virus programs are bloated applications and won't stop annoying the user with pop-ups and information. Many users also never know when and how often their anti-virus is scanning.</h5>
    <li>Browser configuration</li>
    <h5>There are literally hundreds of options in your browsers settings for security and optimization. Fine stunning these can in some cases increase surfing speed.</h5>
    <li>Start-up & shut down optimizing</li>
    <h5>If your like most people, your PC never starts up fast enough. Get a thorough audit of what programs and services are starting with your computer and optimize them to increase speed.</h5>

</div>

    
</div>
</div>

<%-- <br class="clearfloat" />
--%>
   <div id="footer">
    <p>Copyright Mojogar 2010</p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
CSS:
@charset "utf-8";
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #9FEE00;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #333;
h1 {
font-size: xx-large;
color: #000;
h2 {
font-size: x-large;
h3 {
font-size: large;
h4 {
font-size: medium;
h5 {
font-size: small;
h6 {
font-size: x-small;
p {
font-size: xx-small;
h1, h2 {
padding-top: 20px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
h3, h4, h5, h6, p {
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
li {
font-weight: bold;
ul {
list-style-type: decimal;
ol {
font-weight: bold;
a {
a:link {
color: #FFF;
a:hover {
color: #333;
background-color: #6C8CD5;
a:active {
color: #F00;
a:visited {
color: #FF4848;
/* Tips for this Hybrid layout
1. Since the side columns em-based sizing is based on the user's default font size, you will want to be sure that background graphics in the columns take that into account. Built correctly, this is more accessible for those that need larger font sizes, since the width of the columns remains proportionate. If this is undesirable with your design, simply change the width to a pixel size and be sure to change the margins on the #mainContent div accordingly.
2. Since the sizing of side columns in this layout are based on the 100% font size in the body element, if you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the column widths will downsize proportionately. You may want to increase their widths, and the size of the #mainContent div's side margins, to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
4. The #container div is not necessary for this layout at the 100% width. You may want to use it to create faux columns or limit the width of the layout.
5. It is not neccessary to have the 100% width on the #container div since, by nature, a div takes up 100% of the available space. It is here so that if you want to decrease the size of the overall container - perhaps leaving a bit of margin on each side - this will already be available for adjustment.
.thrColHybHdr #container {
width: 780px;
/*margin: 0 auto; the auto margins (in conjunction with a width) center the page if needed */
text-align: left;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
.thrColHybHdr #header {
background-color: #C9F76F;
height: 100%;
width: 780px;
margin: 0px;
padding: 0px;
.thrColHybHdr #header h1 {
margin: 0;
padding: 0px;
/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColHybHdr #sidebar1 p" rule.
.thrColHybHdr #sidebar1 {
width: 13em;
border-top-width: thick;
border-top-style: solid;
border-top-color: #C06;
float: left;
height: auto;
.thrColHybHdr #sidebar2 {
width: 200px;
text-align: center;
margin: 0px;
padding: 0px;
float: right;
/*.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
margin-left: 0px;*/ /* the left and right margin should be given to every element that will be placed in the side columns */
/* margin-right: 0px;
/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
.thrColHybHdr #mainContent {
text-align: center;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 580px;
background-color: #2A4480;
color: #C9F76F;
padding: 0px;
.MarginTopZero {
margin: 0px;
padding: 0px;
.busConslt {
height: 600px;
width: 800px;
.idea {
height: auto;
width: 100%;
.thrColHybHdr #footer {
padding: 0;
background-color: #C9F76F;
margin: 0px;
.thrColHybHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
color: #000;
/* Miscellaneous classes for reuse */
.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;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 0px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
.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;
#defMainLft {
width: 49%;
float: left;
text-align: center;
#defMainRt {
width: 49%;
float: right;
text-align: center;
.absolRgt {
position: absolute;
top: 0px;
right: 0px;
.relRgt {
position: relative;
top: 0px;
right: 0px;
.defFull {
position: relative;
height: 263px;
width: 100%;
border-bottom-width: medium;
border-bottom-style: solid;
border-bottom-color: #ff4900;
.absolLft {
position: absolute;
top: 0px;
left: 0px;
.defFullTop {
position: relative;
width: 600px;
border-top-width: thick;
border-top-style: solid;
border-top-color: #000;
margin: 0px;
.tuneUpTop {
background-color: #000;
color: #FFF;
margin: 0px;
padding: 0px;
.contactForm {
width: 470px;
height: auto;
left: auto;
right: auto;
.borderRight {
border: medium solid #A62F00;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
.MenuVertDiv {
margin-bottom: 0px;
clear: both;
height: 38px;
background-color: #A62F00;
width: 100%;
.masterBackground {
background-color: #BF5930;
margin: 0px;
padding: 0px;

Your HTML code contains conditional comments for IE. Try reducing or removing the extra padding and see if that helps.
/* place css fixes for all versions of IE in this conditional comment */
.thrColHybHdr #sidebar1, .thrColHybHdr #sidebar2 { padding-top: 30px; }
.thrColHybHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Gap between header and content in IE

Hello All
I subscribed to a post with this basic same question but I
never got a notification if it got answered or not
I all of a sudden have a gap between the header and content
on this site
http://www.michaelsondesign.com/guestVision/
- I am not sure why , it started when I added to the menu on the
left
Any ideas?
Thanks
Rob

Add this to your CSS
img {vertical-align:top;}
You cannot lose until you give up !!!
"BOC_RUSH" <[email protected]> wrote in
message
news:fsn546$nrm$[email protected]..
> Hello All
>
> I subscribed to a post with this basic same question but
I never got a
> notification if it got answered or not
>
> I all of a sudden have a gap between the header and
content on this site
>
http://www.michaelsondesign.com/guestVision/
- I am not sure why , it
> started
> when I added to the menu on the left
>
> Any ideas?
>
> Thanks
>
> Rob
>
>

Space between content and logo

Playing with fluid layouts and getting a space between logo and content DIV's
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Playing with Liquid Layouts</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
          <div id="logo">
              <h1>Welcome to Liquid Layouts</h1>
              <h2 class="logo">Place your slogan here...</h2>
          </div>
          <div id="navigation">
    <ul>
              <li>Home</li>
        <li>Page 1</li>
        <li>Page 2</li>
        <li>Page 3</li>
        <li>Page 4</li>
        <li>Page 5</li>
    </ul>
    </div>
    <div id="content">
    <h1>Adding this element creates a space between logo and content...</h1>
    </div>
          <div id="footer">
    </div>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
body
          text-align: center;
div#container
          margin-left: auto;
          margin-right: auto;
          min-width: 600px;
          max-width: 2000px;
          text-align: left;
          width: 85%;
div#logo h1, h3
          padding-left: 20px;
          margin-bottom: 0;
div#logo h2
          padding-left: 35px;
          margin-top: 0;
          font-size: 125%;
div#logo
          background-color: #F00;
          width: 100%;
          height: 300px;
div#navigation
          background-color: #0F0;
          width: 25%;
          height: 600px;
          float: left;
div#navigation ul
          padding-left: 25%;
          font-size: 150%;
          list-style-type: square;
div#content
          background-color: #C93;
          width: 100%;
          height: 600px;
          margin-top: 0px;
div#footer
          background-color: #69F;
          height: 30px;;
.footerP
          margin-top: 0px;
          padding-left: 2%;
          line-height: 35px;;
PICTURE:
[IMG]http://i.imgur.com/1nGUG.jpg[/IMG]

The space is caused by the default margin in your H1 tag. As such, you need to define a style for H1:
h1{
margin-top:0;
padding: ??;
You can add padding to move the H1 away from the edges of the surrounding DIV.
EDIT:// An after thought. If you are "Playing with fluid layouts", you might want to consider not using heights and/or set the heights/widths in % values.

Yet another gap between sidebar and header

Hi there,
I'm just getting started with DW and am catching up on html.
Starting to build
www.thinkingtoys.com.au
and am bugged by the gap between the header and the sidebar.
Scanned the numerous gap issues here to no obvious avail and
this gap occurs in both FF and IE7 so is probably universal.
I'm probably missing something obvious but would be really
grateful if someone could point it out - I want the sidebar to be
directly below the header with no gap.
Thanks for any help,
Paul

Change this -
<p align="right">Thinking Toys Club Member Login
</p>
to this -
<p align="right" style="margin-bottom:0;">Thinking
Toys Club Member
Login </p>
and see what happens.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"PWhipp" <[email protected]> wrote in
message
news:fiu56f$r3q$[email protected]..
> Hi there,
>
> I'm just getting started with DW and am catching up on
html. Starting to
> build
>
http://www.thinkingtoys.com.au
and am bugged by the gap between the
> header and
> the sidebar.
>
> Scanned the numerous gap issues here to no obvious avail
and this gap
> occurs
> in both FF and IE7 so is probably universal.
>
> I'm probably missing something obvious but would be
really grateful if
> someone
> could point it out - I want the sidebar to be directly
below the header
> with no
> gap.
>
> Thanks for any help,
> Paul
>

Gap between screen and bezel should i take it back to apple?

Theres a noticable between the screen and the metal bezel, its currently working fine but i dont want the screen to die or the inside to collect up dust over the years. I only recently purchased the red nano and want this to last for a long while. Is it worth it to bring back to the apple store to get this replaced or are all nanos like this with a gap between the screen and bezel (just towards the bottom of the screen only) thank

You are very welcome, and good luck getting this resolved. Things like damage and scratches have been brought up on here by users in the past with devices and Apple has been pretty good about dealing with the issues.

White gaps between regular and video slides

I have just created an adobe captivate video. There is a white gap between regular slides and animation slides. It usually lasts for about 2 seconds. Because of this my audio and video are no longer synced. This gradually gets worse as the presentation continues. Does anybody know how to get rid of these white gaps? I'm using version 3. The issue is demonstrated in the following video:
http://screencast.com/t/hqczdmV69b9
Thanks in advance.

It looks like they go all the way to the end of the slide. It is happening somewhere between slide 7 and slide 8 (see attached screen shots). Thanks again Rod.

Footer Issue -- Gap between content and footer

Similar Messages

Maybe you are looking for