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-SmasHi 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 CabralHey 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 -
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 -
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.
CKUse 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?
LeifHere'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   --
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? -
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.htmlOK, 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,
JanellI 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 & 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">©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 advanceThank 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. -
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,
MalcolmWow... 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
-
Will the CS5.5 Production Suite Run on Mavericks?
I've looked around the internet for this, and results are hard to find and not really clear. I need to know if the CS5.5 Production Suite will run on OS X 10.9. It's essential that a number of these are compatible, the ones I use the most often: Illu
-
when I start my Creative cloud desktop app. I get a blank window. I can see the logo at the top but no information in the window.
-
OSB 10gR3 MQ transport - How to loadbalance with MQ cluster?
Hi, I'm using MQ transport to put and get messages from OSB 10.3.1. I would like to know how a Proxy/Business Service can be configured to make use of an MQ cluster (or an MQ Queue Manager cluster to be specific)? Thanks in advance Vikas
-
N-trig driver for TX2 windows 7 32 bit
Hi all Is there any plan at all from either HP or N-trig to release a n-trig driver for windows 7 32 bit? I know there is a beta driver, but it does not support "automode" + some ghost clicks Windows 7 was out ages ago, and how come there's no sign o
-
"back submit cancel " not show in ssp scsm 2012 sp1
hello which may be the reason that my SSP in SCSM 2012 sp1 does not show the buttons to submit my request to serve rmanager? <- Back Submit -> Cancel button are not displayed ... can someone help me? Thanks