Footer has moved to top of page
The Footer has moved to the top of the page. Any idea why?
Longstaff Longstaff
You could add the following to the .footer class css...
position:fixed;
bottom:0px;
That would force it to sit on the bottom of the browser view port, no matter how large the viewer opens their screen.
Similar Messages
-
My Index and contact page has moved my top nav up
I only changed my contact styles on my Index page and now my top nav has gone to the top. On my contact page I added two images so I understand I need to add some code to do with that but not sure how to get it back correct.
When I veiw my contact page through my wamp server though it all looks fine that's why I uploaded it onto the live server. Does anyone know why that should be?
www.bristolequestrianservices.co.uk. Can someone help please?
Thanks
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="logo">
<img src="images/banner1.jpg" />
</div>
<div id="social-media-icons">
<ul>
<li><a href="https://www.facebook.com/groups/150449201771804/"><img src="images/icons/facebook.jpg" /></a></li>
<li><a href="£"><img src="images/icons/rss.jpg" /></a></li>
<li><a href="http://www.twitter.com"><img src="images/icons/twitter.jpg" /></a></li>
<li><img src="images/icons/youtube.jpg" /></li>
</ul>
</div>
<div id="contact">
<p><span class="big-blue">Bristol Equestrian Service</span><br>
Tel: 0117 9190060 / 07900538697<br>
Email: [email protected]<br>
[email protected]</p>
</div
><div id="topnav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="stablesandfieldshelters.html">Stable and Field Shelters</a></li>
<li><a href="pricelist.html">Price List</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
<div id="banner">
<img src="images/newbanner.jpg" />
</div>
/* Containers */
#outer { width:960px; margin:0 auto; background:#FFF; }
#wrapper { width:900px; margin:0 auto; background:#FFF; }
#logo { margin: 30px 0; float:left; }
#social-media-icons { float:right; }
#social-media-icons ul li {display:inline; }
#social-media-icons ul {margin-top:40px; }
#social-media-icons2 { float:left; }
#social-media-icons2 ul li {display:inline; }
#social-media-icons2 ul {margin-top:10px; }
#topnav { clear:both; }
#topnav ul { border-top:1px #000 solid; border-bottom:1px #000 solid;
margin:20px 0; padding:10px 0; }
#topnav ul li { display:inline; }
#topnav ul li a { padding:0 15px; }
#topnav a:link { color: #000; }
#topnav a:visited { color: #000; }
#topnav a:active { color: #000; }
#topnav a:focus { color: #666; }
#topnav a:hover { color: #f90; }
#banner { margin-bottom:30px; }
#rightside { width:200px; float:right }
#content { width:650px; float:left; }
#content-fullwidth {width:100%; }
#footer { clear:both; margin-top:20px 0; border-top:1px #ccc solid;/* Color Legend */
/* Reset */
Oops sorry copied it all!
html, body { margin: 0; padding: 0; border: 0;
background: transparent; font-size:10px; }
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
img { margin:0; padding:0; border:0; }
table, tr, th, td, tbody, tfoot, thead {
margin: 0; padding: 0; border: 0;
vertical-align: baseline;
background: transparent;
table { border-collapse: collapse; border-spacing: 0; }
input, select, textarea, form, fieldset {
margin: 0; padding: 0; border: 0;
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
text-indent: 0;
text-decoration: none;
text-align: left;
color: #000;
ol, ul { list-style: none; }
/* Global */
html { }
body { background: #960 }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size:24px; color:#BB5E00;
padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px; }
h2 { font-size:20px; color:#666 }
h3 { font-size:16px; }
h4 { font-size:20px; color: #666}
h5 { font-size:14px; }
h6 { font-size:14px; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
/* Text Elements */
p { color:#000; font-size:12px; line-height:150%;
margin:15px; 0; }
p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
a { }
a:link { color: #00f; }
a:visited { color: #0f0; }
a:active { color: #000; }
a:focus { color: #666; }
a:hover { color: #f00; }
blockquote { color:#000; font-size:12px; }
strong { font-weight: bold; }
em { font-style: italic; }
/* Images */
/* Lists */
ul { }
ol { list-style-type:decimal; }
ul li { color:#000; font-size:12px; }
ol li { color:#000; font-size:12px; }
dl { }
dt { }
dd { }
/* Tables */
table { width:100%; }
tr { }
.odd { background-color:#eee; }
.even { background-color:#fff; }
th { font-weight: bold; }
thead, th { background: #ccc; }
tbody { }
th,td,caption { }
caption { }
tfoot { }
.tfooter { background-color:#ccc; text-align:center; font-style:italic; }
caption { background: #efefef; }
/* Miscellaneous */
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { }
del { background:#FFCECE; color:#f00; }
code, pre { background-color:#FF9; padding:2px 0px; margin:4px 25px;
font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%; }
/* Containers */
#outer { width:960px; margin:0 auto; background:#FFF; }
#wrapper { width:900px; margin:0 auto; background:#FFF; }
#logo { margin: 30px 0; float:left; }
#social-media-icons { float:right; }
#social-media-icons ul li {display:inline; }
#social-media-icons ul {margin-top:40px; }
#social-media-icons2 { float:left; }
#social-media-icons2 ul li {display:inline; }
#social-media-icons2 ul {margin-top:10px; }
#topnav { clear:both; }
#topnav ul { border-top:1px #000 solid; border-bottom:1px #000 solid;
margin:20px 0; padding:10px 0; }
#topnav ul li { display:inline; }
#topnav ul li a { padding:0 15px; }
#topnav a:link { color: #000; }
#topnav a:visited { color: #000; }
#topnav a:active { color: #000; }
#topnav a:focus { color: #666; }
#topnav a:hover { color: #f90; }
#banner { margin-bottom:30px; }
#rightside h2 {
font-size: 24px;
color: #999;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 10px 0; /*top-right-bottom-left*/
#rightside p {
margin: 0 0 0 0;
padding: 0 0 10px 0; /*top-right-bottom-left*/
#rightside a {
text-decoration: none;
color: #7A7D42;
font-size: 14px;
padding: 0 0 15px 0; /*top-right-bottom-left*/
#rightside a:hover {
color:#BB5E00
#rightside p {
margin: 0 0 0 0;
padding: 10px 0 10px 0; /*top-right-bottom-left*/
border-bottom: 1px solid #ccc;
#content { width:650px; float:left; }
#content-fullwidth {width:100%; }
#footer { clear:both; margin-top:20px 0; border-top:1px #ccc solid;
padding-bottom:20px; }
.rowWrapper {
overflow: hidden;
margin: 0 0 15px 0;
.details {
width:286px;
float:left;
margin: 0 0 0 20px;
padding: 15px 0 0 0;
border-top: 2px solid #000;
.details p {
margin: 0;
padding: 0 20px;
#box1 { }
#box2 { }
#box3 { }
#box4 { }
#box5 { }
#box6 { }
#box7 { }
#box6 { }
#box9 { }
#box10 { }
/* Layout Extra */
/* Navigation Extra */
/* Forms */
/* Forms */
form ol { list-style-type:none; }
form { text-align:left; margin:20px; }
label {
float: left; width: 150px; margin-top:5px;
text-align:right; display:block; background:none; font-weight:bold;
submit { background:none; }
input {
width: 280px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
input:focus, textarea:focus { background-color:#CCC; }
textarea {
width: 280px; height: 150px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
select { margin-bottom:20px; }
.month { margin-left:155px; }
.submit {
width:90px; height:25px;
margin-left:160px;
font-size:12px;
br { clear: left; }
.clear { clear:both; }
/* Miscellaneous */
.copyright-text { font-size:80%; font-style:italic; color:#333; }
.footer-text { font-size:100%; font-style:normal; color:#000; text-align:center; }
.title { font-size:18px; font-weight:bold; color:#333; }
.subtitle { font-size:14px; font-style:italic; color:#333; }
.artist { font-size:16px; font-weight:bold; color:#333; }
.author { font-size:14px font-weight:bold; color:#555; }
.editor { font-size:14px font-style:italic; color:#555; }
.pub-date { font-size:10px font-style:italic; color:#555; }
.article-date { font-size:10px font-style:italic; color:#555; }
.location { font-size:10px font-style:italic; color:#555; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.hide { display:none; }
.block { display:block; }
.inline { display:inline; }
.first { font-weight:bold; }
.last { font-weight:bold; }
.left { font-weight:bold; text-align:left; }
.right { font-weight:bold; text-align:right; }
.added { background:#D7D7FF; }
.removed { background:#FFCECE; color:#f00; }
.changed { background:#FFB; }
/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */
.error, .alert, .notice, .success, .info {
padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a { color: #8a1f11; }
.alert a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
.info a { color: #205791; }
#contact {
float: right;
clear: both;
.big-blue {
font-size:32px;
color:#000;
font-family:Monotype Corsiva; -
Help! My main content has moved outside of my page and ruined every other page in the site....
I am new at using dw and building sites and now I came accross a problem that I can't figure out. I was going to add new content to one of my pages in my site and this happened above. I quickly exited before saving and when I reopened the file it remained in the same place. Now along with this page being like this, the rest of my site was affected in the same manner. If anyone has any solutions to this problem or reasons for this to happen please let me know asap. Thank you.
Altruistic Gramps wrote:
I feel that 2013 is the year to concentrate on RWD, there are many screen sizes available at this moment with many more to come. Excluding any of these users from comfortably viewing the site, immediately depreciates the value of the site.
I feel you are probably correct but personally I don't like reponsive design. (It's clever but it has its drawbacks) I don't know how other people browse around the net but for me I'm contantly adjusting the width of my browser window and it becomes very annoying when elements are popping up and disappearing from view all the time. I find it disorientating on a personal level and quite annoying, a bit like I do when an unexpected pop up window suddenly launches itself on you.
I prefer to see sites that have a dedicted 'alternative' for smaller devices BUT I appreciate that I'm probably going to be proved wrong on this one.
RWD is not something I'm concentrating on at the moment, especially if the site is rather big or has a complex layout, which could have several different templates to accomodate the design structure. A few pages using the same design structure is pretty easy to manage so its something I would maybe think about in those circumsatnces.
Having said that I see Murray has made a splendid job at a pretty complex and big site he has produced recently. I don't see him around here to often any longer because I wanted to ask him what sort of a nightmare it was to manage, or not. -
Footer to be printed on first page alone
Hi we have a requirement(Documaker 11.4) stating that footer has to be printed on Page 1 alone even when it overflows to multiple pages, instead of printing on all other pages. We have tried using delimageoccur(-1) but when content is restricted to one page the footer is not printed. We have even tried with Preimage DAL but we are unable to set the position of the images correctly. There are almost 10-12 images in the footer section and with different triggers. Is there any option where we can make this happen.
Many ThanksHi,
I am assuming what you mean by overflow is that form rolling to multiple (more than 1 page) pages based on the sections that are emitted. Unless, we give the Copyonoverflow flag for the footer section, Documaker places the footer only on the first page if coded at the top of the form in the form definition (.FOR File). However it just reserves that space as a footer area on the other pages. If you would need the footer only on the first page and if you have coded the footer section on top of the Form definition, can you just check if Copyonoverflow property in the Form Section Options is set. If so, you may remove and give a try.
Please do let me know if this is solving your problem. Thank you. -
Footer items moving up the page.
Hi i have just upgraded to v3 build 645 and now items in my footer are moving up the page. Here is the site http://sographicssite.businesscatalyst.com/index.html its the black tabs on the sides. This is what it should look like http://www.sographics.co.uk/ I have tried it grouped and ungrouped.
Thanks
JasonHey everyone,
We are aware of one issue where, if Muse has to recreate an image in the footer on the master page, it will get pushed up the page. We are actively working on fixing the issue, but in the meantime there are a few things you can do. When Muse has to change the image, either because of a large size difference, an effect (shadow, glow, or bevel), rounded corners, or rotating the item, we will render the image with these effects to ensure proper behavior across different browsers. You can remove these properties on the image to fix the issue, and you can add them using an editor outside of Muse if the effect is something in particular you are going for.
Sorry for the inconvience. As I said, we are working on getting a fix for this issue. -
When I follow any kind of links or try to open something in another window or new tab, the browser first shows the white page with text "the document has moved", and then moves to advertisement page of some sort. Usually in the small box where the page description is it says "Jump". I don't know how to disable it, it is really irritating.
Sounds like Malware.
Install, update, and run these programs in this order. '''''(Not all programs detect the same Malware.)''''' They are all free for personal use, but some have limited functionality in the "free mode" - but those are features you really don't need to find and remove the problem that you have.<br />
''Note: If your Malware infection is bad enough and you are mis-directed to URL's other than what is posted, you may have to use a different PC to download these programs and use a USB stick to transfer them to the afflicted PC.''
Malwarebytes' Anti-Malware - [http://www.malwarebytes.org/mbam.php] <br />
SuperAntispyware - [http://www.superantispyware.com/] <br />
AdAware - [http://www.lavasoftusa.com/software/adaware/] <br />
Spybot Search & Destroy - [http://www.safer-networking.org/en/index.html] <br />
Windows Defender: Home Page - [http://www.microsoft.com/windows/products/winfamily/defender/default.mspx]
If these don't find it or can't clear it, post in one of these forums for specialized malware removal help: <br />
[http://www.spywarewarrior.com/index.php] <br />
[http://forum.aumha.org/] <br />
[http://www.spywareinfoforum.com/] <br />
[http://bleepingcomputer.com] -
Right handed page in document has moved up
I am working on a document provided to me by my client. There are 120 pages within the document. Page 53 has moved up about 1/4 of an inch next to the left page 52. None of the other pages in the document appear to have moved like this one. I checked the master pages and they are situated right next to one another as they should be.
Is there a way that I can fix this?
Thanks.Sound like it used Page Tool.
Select Page Tool from tools bar, then click on the page and hold down Alt key and press mouse and drag the page to align with other page.
An other option from page panel insert a new page at the start of the document, after that delete this page. -
Right side page has moved up 1/4" alongside left handed page
I am working on an InDesign catalog project. I have come upon a right-handed page where the entire page has moved up about 1/4" next to the left sided page. I checked the master pages and they are fine. All the other pages in the document are okay as well. They are all aligned correctly.
Any idea how to correct this?This forum is actually about the Cloud as delivery, not about using individual programs
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/indesign -
FOOTER IS NOT MOVING AS I ADJUST PAGE HEIGHT
I MEAN THE FOOTER NOT MOVING CORRESPONDING TO A NEW CHANGE IN HEIGHT.IF I CHANGE THE HEIGHT THE FOOTER STILL STAYS IN MIDDLE.IT IS NOT MOVING AUTOMATICALLY AS I SAW IN THE TUTORIAL.PLEASE HELP.
Hello DATHU1983,
Are you referring to the section "Design the Visit page?" If so, can you tell me what time in the video you start having problems? Is it at the beginning of the video when the presenter goes into the Page Properties and adjusts the height of the page?
Thank you for any additional detail. Also, I want to confirm that you are using the Muse CC version and not a previous version of Muse?
Thank you,
Ed Sullivan -
How to Create a "FAQ" page where the top of page has all the Hyperlinks
Hi,
On iWeb, how do I Create a "FAQ" page where the top of page has all the Questions as Hyperlinks.
The hyperlinks would not actually link to a separate page, but would automatically scroll the page to the spot where the question is answered.
An good example is below:
http://www.cardrunners.com/members/index.php?option=com_content&task=view&id=102 &Itemid=2
Thanks for your help!Sarah,
As is pointed out what you would like to do is old fashioned Anchors, real easy on a conventional site but not so easy in iWeb.
I made an FAQ by just making questions followed by answers and increasing font size and using bold to make the questions stand out so it is easy to use.
Much more work for you but will approximate what you are trying to achieve is this: On the FAQ page make your list of questions each of which you will make into a hyperlink to go to another page. For every question add a blank page to write the answer on. Uncheck the relevant box so that that page does not appear in the navigation bar. Write your answer on that page then under it make a hyperlink back to the FAQ page. The page would also by default have the normal navigation menu at the top, but adding a "Close Window" or "Back To FAQ" link that is actually just a hyperlink to the FAQ page is helpful for site visitors.
While a lot of work to make the extra pages it should work well and solve your problem.
The simplicity of iWeb soon provides problems as soon as you want to do more than the basics offered. -
The picture on my screen has moved over to the right hand side and I want it to be in the centre. How do I move it back as I do not have a scroll bar at the bottom of the page to do this and am unable to drag it back. Hope this makes sense!
Its a toolbar thing. I got rid of my Babylon toolbar and it sorted it out!
-
Could you please tell me how to delete a bookmark on the top of page (it has a space for four bookmarks). Thanks
To delete a bookmark from your bookmark toolbar, point at the bookmark with your mouse or trackpad, then right-click on it (press the right-hand button on your mouse or trackpad) and choose "Delete" from the pop-up menu.
For other ways of deleting bookmarks, see '''[[Deleting Bookmarks]]'''. -
Is there any way to delete a page listing on the top of the IWeb site. I created a page which has links to the other pages, so I don't need all of them listed on top...
Better ask in the iWeb forum.
Answer : inspector > first icon from the left > uncheck 'Display navigation menu'
For future reference, also look at the other icons. -
If the program has a write statement at the top & the TOP-OF-PAGE
Q] We know that START-OF-SELECTION is triggered by the 1st writr statement. Now if the program has a write statement at the top & the TOP-OF-PAGE too is written explicitly which also contains write statements-----what will be the effect?
Hi,
i will order of events
see first of all initialization event gets triggred and then at selection screen triggres and then it goes to start of selection and if it found any list processing statement then it goes to top-of -page event and after executing all the statements it returns back to the start of selection event
just i will give one test case to u execute it u will know one thing
give one write statement in the initialization event and in the start of selection of give one write statement see what happns u can find different different things just try i will expalin u the concept..
plzz reward if it is useful...
plzz dont forget to reward..
if u want any concepts u can contact me on [email protected]
plzz reward -
My apps have all moved on top of each other in the top left hand corner of the page.every time I drag them back to where they are ghosting on the page ,then change page and back again they r back in the corner again help what have I done
Try a Reset... press the home and sleep/lock buttons until you see the Apple logo, ignoring the slider. Takes about 5-15 secs of button holding and you won't lose any data or settings.
Maybe you are looking for
-
Can 2 ipods be run off the same itunes so that each has its own playlist?
my wife and i both have ipods, but when we plug them in the comp syncs and allmusic is taken/ added weather you wanted it or not, can itunes have 2 different accounts so i dont have my wifes music on my ipod?
-
Hello my iPhone 5s is not able to restore it from settings also and from iTunes also and I'm not able to update to ios8 also pls help me someone I wnt to update it and restore it when I restore it's shows update to ios8 when I do that it will start d
-
Spain - Self Invoice ( Auto Factura )
Hello, There is a new requiremnt in Spain to report what is called "Self Invoice" or "Auto Factura". I found some documentation on OSS. New tax codes and new number ranges need to be created. Is anyone familiar with this set-up at all. Has anyo
-
AME rules does not seem to be working properly
Hi , Product : EBS --11.5.10.2 AME B rollup 2 . In AME B Transaction type -Purchase Requisition Approval. I created custom attribute :Line Item : Calc_reqline_total : Calculate requisition line total group by category segment1 and attribute7 as below
-
Non rectangular hotspots for image maps
Hi everyone, I've been stuck with this problem for a while. I'm trying to make an image map of sectors in a circle. I have the four coordinates of each sector. How do I determine if the the user has clicked inside a particular sector. Most of the exa