Extra Space below footer

I'm creating my first site in Muse and so far enjoying the process but I can't get my footer to stick to the bottom of the browser window. It looks fine in design mode but when I preview or open the site in my browser there is extra white space below the footer. I've noticed others on the forum have had the same issue. So far I have not seen a resolution or work around. Is this a bug or am I doing something wrong? I made sure the footer option was checked and I've tried adjusting the page and browser handles but I can't seem to correct the problem.
Here is the Design View
Here's what it looks like when I open it in my browser.

In the Edit HTML window how do I specify that I want the animation to loop?
Are there samples of HTML code to control some of the simple functions?
Thanks,
David [email protected]

Similar Messages

  • Having problem with extra space below footer (sticky footer already checked)

    Hi there, im having this problem after updated my adobe muse cc. For some reason there is extra space below the footer.
    It looks fine when i try to view them offline, but when I upload them, the extra space appears. Here's the url for both of the website with extra space below
    1. http://unionvisual.web.id/home-page.html
    2. PT-Smas

    Hi there
    Thx for your reply, is here i upload my screenshot
    and here

  • Extra space below stacked item groups

    Hi
    A form that whose all columns, except four at the top, are distributed in 4 stacked item groups (using native tabs) is being generated with a extra space below the item groups tab canvas. The space is not inside the tabs themselves, but below the tab canvas.
    I couldn't find any property/preference to get rid of it. I tried setting the module component canvas height, beside other things, without success.
    Any clue?
    Thanks
    Luis Cabral

    Hey Luis.
    Try going to the preferences editor of the module component that contains the item group(s). go to Layout-Block and try playing with the "Block multi-line line separator" preference (BLKMLL). Just a guess.
    Cal

  • White space below footer due to Relative Positioning?

    I'm pretty new to coding. I'm learning how to do a responsive website and everything is working, EXCEPT for the huge blank space below the footer at the largest screen resolution. I know it is because of the relative positioning I used for the "samples" section. I know this question has been asked before. I've tried the suggestions, but cannot seem to get it to work. I cannot figure out a way to accomplish having the "samples" section at the spot I want without using relative positioning. I've tried "float" to no avail.
    Everything is working, except for the huge space below the footer at the largest screen size for my responsive page.
    Instead of pasting my .html and 3 .css files here, here is my site of which you can right click and "view page source" to get all the code. Don't want to make my question look too long!
    Here: grc198.orijenaldesigns.com
    Any help would be much appreciated!

    Hi,
    Please share the URL of the web site.
    Regards,
    Abhishek Maurya

  • Remove space below footer

    I purchased a Muse template to develop my website and I didn't need every section, so I removed one of them.
    Now I have a ton of white space and I have search and tried every suggestion I could find on these forums, but cannot get it removed.
    You can see the space below the black footer. Any remedies for this issue? You would think this would be easy.

    Hi Kris,
    There are two things that you need to test here -
    1. Reduce the Min Height of the page and see if that makes any difference.
    2. Press Ctrl + A/Command + A to select all on the page and see if there is an empty text frame or rectangle towards the bottom of the page that you are not able to locate otherwise.
    Make sure to check this on the Master page as well as the page in question.
    - Abhishek Maurya

  • Extra space under footer

    I am trying to figure out why i am getting this extra space under the footer in some browsers and not others, it works in firefox and google and IE it has a huge space under the footer to the bottom of the page on the browser.  please tell me how to fix this.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    body {
        background-color: #CCC;
    html, body {
        padding: 0px;
        text-align: center;
        margin: 0px;
    #wrapper {
        width: 1024px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
    #header {
        height: 60px;
        width: 1024px;
        background-color: #0CDADA;
    #NavBar {
        height: 25px;
        width: 1024px;
        background-color: #A2ECF0;
    #content {
        height: 450px;
        width: 600px;
        float: left;
        background-color: #FFF;
    #sidebar {
        height: 450px;
        width: 424px;
        clear: none;
        float: right;
        background-color:  #fff;
    #footer {
        height: 25px;
        width: 1024px;
        clear: both;
        background-color: #A2ECF0;
    </style>
    </head>
    <body>
    <div id="wrapper">
      <div id="header">Content for  id "header" Goes Here</div>
      <div id="NavBar">Content for  id "NavBar" Goes Here</div>
      <div id="content">Content for  id "content" Goes Here</div>
      <div id="sidebar">Content for  id "sidebar" Goes Here</div>
      <div id="footer">Content for  id "footer" Goes Here</div>
    </div>
    </body>
    </html>

    do all three go to the bottom of page or is there space in the middle?  I'm not sure if you can get these links becuase they are test pages but here they are.
    file:///C:/Users/user/Documents/Naturalserenityonline/natsiteoption22.html
    C:\Users\user\Documents\Naturalserenityonline\natsiteoption22.html
    file:///C:/Users/user/Documents/Naturalserenityonline/natsiteoption22.html
    now they all three have space after the header to the bottom.. ugh
    i may have posted the wrong one. this is another one i created and this one works in firefox but not google chrome and IE.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    body {
        background-color: #CCC;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;
    #wrapper {
        width: 1024px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        height: 100%;
    #header {
        height: 100px;
        width: 1024px;
        background-color: #939;
    #NavBar {
        height: 25px;
        width: 1024px;
    #content {
        height: 450px;
        width: 600px;
        float: left;
    #sidebar {
        height: 450px;
        width: 424px;
        float: right;
    #footer {
        height: 25px;
        width: 1024px;
        clear: both;
        background-color: #960;
    </style>
    </head>
    <body>
    <div id="wrapper">
      <div id="header">Content for  id "header" Goes Here</div>
      <div id="NavBar">Content for  id "NavBar" Goes Here</div>
      <div id="content">Content for  id "content" Goes Here</div>
      <div id="sidebar">Content for  id "sidebar" Goes Here</div>
      <div id="footer">Content for  id "footer" Goes Here</div>
    </div>
    </body>
    </html>

  • Why the extra space after an h3 title on the page?

    I am somewhat a newbie and I am working on a webpage for a
    lady. She wants me to remove the extra space below the title and I
    have it set as an h3 tag. The title is at the top, "eMarketing -
    Standing out in the In-Box"... and then there is this big space
    below it. Why? I have the title set as h3 and the rest as a
    paragraph. This is in a table so the h3 tag is on one row and
    immediately to the next row is the paragraph tag. How can I remove
    this extra space to bring the content up underneath the title?
    My test site of this page is at:
    http://www.dazzlewebstudio.com/testing/falkenstein/special/index_NEW.html
    Please help.
    CK

    Use CSS to control the top/bottom margins on the <h3>
    tag?
    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
    ==================
    "computerkitten" <[email protected]> wrote
    in message
    news:g6gdoa$dea$[email protected]..
    >I am somewhat a newbie and I am working on a webpage for
    a lady. She wants
    >me
    > to remove the extra space below the title and I have it
    set as an h3 tag.
    > The
    > title is at the top, "eMarketing - Standing out in the
    In-Box"... and then
    > there is this big space below it. Why? I have the title
    set as h3 and
    > the
    > rest as a paragraph. This is in a table so the h3 tag is
    on one row and
    > immediately to the next row is the paragraph tag. How
    can I remove this
    > extra
    > space to bring the content up underneath the title?
    >
    > My test site of this page is at:
    >
    >
    http://www.dazzlewebstudio.com/testing/falkenstein/special/index_NEW.html
    >
    > Please help.
    > CK
    >

  • IE6 shows extra space inside div

    I built some callout boxes using using divs instead of
    tables.
    My Problem: IE7, Firefox and Safari display the callouts
    correctly, but for some reason, IE6 adds extra space below the
    content within the callout box divs.
    I've tried adding a "div collapser" to reduce the height of
    the closing div to zero... (eg. .clear {font-size: 0px; height:
    0px} ) ...but that didn't work.
    You can see the page and css at:
    http://staging.digitaloilfield.com/cssspaceproblem1.htm
    How do I get IE6 to display my callouts correctly?
    Leif

    Here's what I've tried so far:
    - I've removed all the margins on the paragraphs -- that
    didn't work
    - I've tried the trick of closing the div on the same line of
    code -- that didn't work
    - I've tried removing the div containing the &nbsp --
    that didn't work (it causes spacing problems between the two
    callout boxes)
    Has anyone come across this problem before, or know what I'm
    talking about? Or is this one of those: "That's IE6 for ya"
    problems?

  • Xtra space below flash file

    I've checked all my height values... I deleted both graphics
    on either side to pinpoint my problem. Appears that the flash file
    is adding the extra space below. I've tried it in a table, out of a
    table, in it's own cell, etc. As soon as I add in the flash, I get
    the extra space. I've confirmed the file is 271 pixels high....
    then I put it in a cell 271 high, nothing is working! Please view
    at
    http://www.duenorthdesign.com/micoley/index.html

    OK, I fixed it. BUT after wasting 5 hours of my (unbillable)
    time, can sometime tell me WHY when deleting all spacing between
    tags in the code and running everything in one line (found this
    reference online)... why would that matter? What concerns me is
    that you can do things correctly and then simply removing spaces
    between the "<><>" tags makes it work? I'm stressed and
    would like to know how this can make a difference. Thanks

  • Footer looks normal in Muse but adds extra space beneath it on some pages.

    I've had a weird issue recently that I can't figure out how to fix. The problem only occurs on certain pages and not all pages. I have attached two screenshots showing the footer at the bottom of the page as it appears in Muse and then the footer with extra space beneath it as it appears on the website.
    I have tried turning off sticky footers among other solutions and nothing has fixed it so far. Does anyone know how to fix this?

    Make sure all your Masters and Pages have Sticky Footer on in Page Properties.
    Also, I see that in your Masters, the Footer Guide and Bottom of Page Guide overlaps, while the Bottom of Browser Guide is down below.
    You need to ensure that your Footer Guide is above the footer content and both the Bottom of Page Guide and Bottom of Browser Guide overlap each other and lie at the bottom edge of the footer content.
    That should fix those.
    Cheers,
    Vikas

  • Clearfloat problem-extra space remains in IE

    Hi,
    I've worked on this problem, did the Google thing, but I just
    can't resolve it. There is extra space remaining under the image
    even after using clearfloat. I want the bottom border to snug up to
    the bottom of the image, but somehow in IE I keep getting that
    horrible gray space.
    Main
    page-with troublesome space below before footer
    Thanks so much for helping... as always!
    Cheers,
    Janell

    I don't see an extra space problem related to floats in IE6
    but I do see a
    gray png background image under the spash-text. Pre-IE7
    browsers do not
    support alpha transparency on png images. If you get rid of
    the bg image,
    you'll see better results in IE. Or do a search for IE
    conditional comments
    or the IE star hack to serve a different image to pre-IE7
    browsers.
    --Nancy O.
    Alt-Web Design & Publishing
    www.alt-web.com
    "Janell1" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hi,
    > I've worked on this problem, did the Google thing, but I
    just can't
    resolve
    > it. There is extra space remaining under the image even
    after using
    > clearfloat. I want the bottom border to snug up to the
    bottom of the
    image,
    > but somehow in IE I keep getting that horrible gray
    space.
    >
    http://www.acmedigitaldesign.com/marmit/index.html
    > Thanks so much for helping... as always!
    > Cheers,
    > Janell
    >
    > @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: #000000;
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: 100%;
    > background-color: #000000;
    > }
    > .oneColFixCtrHdr #container_entirepage {
    > width: 780px;
    > margin: 0 auto; /* the auto margins (in conjunction with
    a width) center
    the
    > page */
    > }
    > .oneColFixCtrHdr #container {
    > width: 780px; /* the auto margins (in conjunction with a
    width) center
    the
    > page */
    > border: 1px solid #a9a69a;
    > text-align: left; /* this overrides the text-align:
    center on the body
    > element. */
    > background-color: #3b3b3b;
    > margin-top: 0;
    > margin-right: auto;
    > margin-bottom: 0;
    > margin-left: auto;
    > padding-bottom: 0px;
    > }
    >
    > .oneColFixCtrHdr #header {
    > background-color: #3b3b3b;
    > padding-top: 5;
    > padding-right: 20px;
    > padding-bottom:5;
    > padding-left: 20px;
    > }
    > ul.MenuBarHorizontal ul {
    > margin: 0; /* zeroing the margin of the last element in
    the #header div
    will
    > avoid margin collapse - an unexplainable space between
    divs. If the div
    has a
    > border around it, this is not necessary as that also
    avoids the margin
    collapse
    > */
    > padding: 10px 0; /* using padding instead of margin will
    allow you to
    keep
    > the element away from the edges of the div */
    > }
    > .oneColFixCtrHdr #mainContent {
    > background-color: #3b3b3b;
    > padding-top: 0;
    > padding-right: 0px;
    > padding-bottom: 0;
    > padding-left: 0px;
    > height: auto;
    > }
    >
    > .oneColFixCtrHdr #footer {
    > background:#000000; /* this padding matches the left
    alignment of the
    > elements in the divs that appear above it. */
    > text-align: center;
    > padding-top: 0;
    > padding-right: 10px;
    > padding-bottom: 0;
    > padding-left: 10px;
    > }
    > .oneColFixCtrHdr #footer p {
    > font-family: Geneva, Arial, Helvetica, sans-serif;
    > font-size: 80%;
    > line-height: 1.5em;
    > font-weight: 100;
    > color: #777777;
    > text-decoration: none;
    > margin: 0; /* zeroing the margins of the first element
    in the footer
    will
    > avoid the possibility of margin collapse - a space
    between divs */
    > padding: 10px 0; /* padding on this element will create
    space, just as
    the
    > the margin would have, without the margin collapse issue
    > text-align: center;
    > }
    > .oneColFixCtrHdr #footer p a:link {
    > color: #c4a561;
    > text-decoration: none;
    > }
    > .oneColFixCtrHdr #footer p a:visited {
    > color: #c4a561;
    > text-decoration: none;
    > }
    > .oneColFixCtrHdr #footer p a:hover {
    > color: #ea9c15;
    > text-decoration: none;
    > }
    > .oneColFixCtrHdr #footer p a:active {
    > color: #ea9c15;
    > text-decoration: none;
    > }
    >
    >
    >
    > /* Below are the designer's custom layout styles */
    >
    > .image_aligncenter {
    > padding-top: 20px;
    > padding-right: 30px;
    > padding-bottom: 0px;
    > padding-left: 30px;
    > }
    > .armitage_sig {
    > clear: none;
    > float: right;
    > z-index: 1090;
    > }
    > .large_image_z {
    > z-index: 1090;
    > }
    > .splash_textover {
    > float: left;
    > z-index: 3000;
    > background-image:
    url(images/splash/transparent_png.png);
    > clear: none;
    > height: auto;
    > width: 400px;
    > position: relative;
    > top: -75px;
    > left: 20px;
    > font-family: Verdana, Arial;
    > font-size: 14px;
    > line-height: 1.2em;
    > font-weight: 100;
    > color: #bcb9ab;
    > text-decoration: none;
    > }
    > .clearfloat {
    > clear:both;
    > height:0;
    > font-size: 1px;
    > line-height: 0px;
    > overflow: hidden;
    > }
    >
    > <!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" />
    > <meta name="description" content="Sculpture &
    Fine Art pieces by Los
    Angeles
    > based Michelle Armitage specializing in bronzes, steel,
    stone, and
    mixed-media.
    > Art commisions welcome. " />
    > <title>Sculptor, Fine Artist, All
    Media</title>
    > <link href="oneColFixCtrHdr.css" rel="stylesheet"
    type="text/css" />
    > <script src="SpryAssets/SpryMenuBar.js"
    type="text/javascript"></script>
    > <link href="SpryAssets/SpryMenuBarHorizontal.css"
    rel="stylesheet"
    > type="text/css" />
    > </head>
    >
    > <body class="oneColFixCtrHdr">
    > <div id="container_entirepage">
    >
    > <div id="container">
    > <div id="header">
    >
    > <ul id="MenuBar1" class="MenuBarHorizontal">
    > <li><a href="index.html" title="Home
    ">HOME</a> </li>
    > <li><a href="artist.html" title="The
    Artist">THE ARTIST</a></li>
    > <li><a class="MenuBarItemSubmenu"
    href="gallery.html"> GALLERY</a>
    > <ul>
    > <li><a href="gallery.html"
    title="Gallery">MAIN
    GALLERY</a></li>
    > <li><a href="steel.html" title="Steel
    Gallery">STEEL</a></li>
    > <li><a href="stone.html" title="Stone
    Gallery">STONE</a></li>
    > <li><a href="bronze.html" title="Bronze
    Gallery">BRONZE</a></li>
    > <li><a href="largerworks.html"
    title="Larger-works">LARGER
    > WORKS</a></li>
    > <li><a href="mixedmedia.html"
    > title="Mixed-Media">MIXED-MEDIA</a></li>
    > </ul>
    > </li>
    > <li><a href="exhibitions.html"
    title="Exhibitions">EXHIBITIONS</a></li>
    > <li><a href="contact.html"
    title="Contact">CONTACT</a></li>
    > </ul>
    >
    > <!-- end #header --></div>
    >
    > <div id="mainContent">
    >
    > <div class="image_aligncenter"
    align="center"><img
    > src="images/splash/splash_title.gif" alt="Armitage
    Design presents the
    work of
    > Michelle Armitage" width="661" height="169"
    align="center"/></div>
    > <div class="large_image_z"><img
    src="images/splash/splash_sculpt.gif"
    > alt="Sculpture" width="776" height="381"
    /></div>
    > <div class="splash_textover">
    > Sculpture &amp; Fine Art pieces by Los Angeles based
    Michelle
    Armitage
    > specializing in bronzes, steel, stone, and mixed-media.
    Art commissions
    welcome.
    > </div>
    > <!-- end #mainContent --></div><!-- end
    #container --></div>
    > <br class="clearfloat" />
    > <div id="footer">
    > <p align="center">&copy;2008 Michelle
    Armitage<br />
    > <a href="index.html">home</a> | <a
    href="artist.html">artist</a> | <a
    > href="gallery.html">gallery</a> | <a
    href="exhibitions.html">exhibitions</a> |
    > <a href="contact.html">contact</a></p>
    > </div>
    > <!-- end #footer -->
    > </div>
    >
    > <script type="text/javascript">
    > <!--
    > var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
    > {imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
    > imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    > //-->
    > </script>
    > </body>
    > </html>
    >

  • Browser extra space to the right of page

    Hi,
    I hope someone may be able to help, I have noticed the website in the link below has about an inch of extra space to the right of the page.  The header and footer containers are all set to fit the browser width so I'm baffled as to why this extra space is visible.  I removed the image but it didn't make any difference.
    HOME  |  Total Clothing Solutions
    Thanks in advance

    Thank you so much, you were spot on ! it was the search bar!
    Thanks again

  • Extra space between paragraphs: is there a way to delete that?

    I am importing text from a word document to format in InDesign. It' 150 pages of a book that I'll layout.
    I made a mistake when writing the book with word by creating a space between every paragraph, which I now want to get rid of.
    Is there a way to automate this with InDesign? Is there some way to automatically delete the extra space betwen my paragraphs and add an indent instead?

    Hi craigatadobe12345
    You can do it by by seaching "^p^p" in find and replace "^p^t" with Find/Replace window. This will remove the extra line and set a tab to indent the text.
    Please find below the screenshot of the same. Hope it helps...
    Best,
    Anil Yadav

  • How to remove space below text?

    In the screenshot below, how to remove space below text? I simply added a text box using the type tool and I get that extra space bellow the letter "B" that I don't need. I want to remove that space to center the letter within the octogon.
    Thanks!

    You might consider giving the letter a negative baseline shift and aligning it to centre.
    That way you can adjust it so that its anchor point coincides with the centre of the hexagon.
    Like this:
    Another thing: You may find it easier working with type if you hide bounding boxes.

  • Extra spaces added (that I can't get rid of) when using STHeiti font.  Anything I can do?

    Hi there,
    When I use the font that I want to use (STHeiti), extra spaces get added automatically—spaces that, by the way, I can’t ‘delete’—after every apostrophe (or single quotation mark).  See screen grabs below:
    Here's another example:
    Do you know how I can make these spaces go away?  When I do a search on the internet (InDesign STHeiti), I see that others have had other types of problems with this font… having to do with exporting a finished project to pdf and getting it printed. 
    In the context of talking about it, one person says that the STHeiti font "is installed as part of the Apple operating system, and is probably only meant for onscreen display".
    But someone else adds:  "the font is installed, by default, on all macs running 10.4 and above (possibly further back than that, but lets go with what we know), so opening the file at the printers on such a mac will have the font available”
    I'm on my Mac, though (not yet ready for the printer), so why do I have a problem using this font?
    I know I could use another font, but this STHeiti is a really nice one!
    Thanks for any advice,
    Malcolm

    Wow... that works beautifully.
    I've done it, but before proceeding too much further I'll google and try to find out more about this "Use Typographer's Quotes" setting.  Don't want it to bite me down the road.
    Thanks very much for the tip—
    Malcolm

Maybe you are looking for