FAQ Database Discussion Community


Footer won't stay in the bottom of the page

html,css,position,footer
I'm am having some trouble, trying to get my footer to stay at the bottom of my page and the only tutorials I can find has a fixed position, which I dont want it to. I just want the footer to stay at the bottom of the page, so if...

Can't get the footer on top of background image

css,z-index,footer
I just want the footer to appear on top of the background image. There is a background image which is the color and a logo of the company full screen except of the bottom 2 cm. There I want simple text with a link. Will do that myself, but cant...

Unstyling
when it's wrapped in a div

html,css,footer
I have a div that wraps around my <footer> tag. In the div is an <hr>, which needs to be in the div to have the positioning properties applied. However, it also carries over the coloring of the links in my footer. I don't want the <hr> to be the...

Stick footer to bottom of wrapper, and get page to fit the whole space between nav & footer

html,css,twitter-bootstrap,styles,footer
Here is the problem, I'm using bootstrap, and I face this problem : I have a webpage, containing a wrapper divided in 3 distinct items. First item is a bootstrap nav. Second item is a div (class col-lg-12 -> bootstrap). Third item is a div (class col-lg-12 -> bootstrap). The...

Alignment issues with social bar in CSS (bootstrap) class=“sticky-bar”

html,css,twitter-bootstrap,footer,sticky-footer
Disclaimer: I'm a Python coder learning to use CSS/html etc etc Right guys/gals, I'm just working on a sticky bar for my website, and from the picture you will see that the social bar is mis-aligned. Please see attached image. (It's long) I have used: * {border: dashed blue 1px;}...

How to include php page which include also a css file?

php,html,css,footer
I have searched a lot over stackoverflow and found related answer but those were not perfect solution of this problem. I have a directory named root. Inside the root folder there are 1 folder named footer and 1 file named index.php There are 2 files named footer.php and footer.css in...

Center Footer in Middle of page

html,css,footer
I am having trouble centering my footer () in the center of my page. I was able to get it to stay on the bottom of the page, but not center it. I added left: 50% to the #footer, but the aligned it too far to the right. Also the...

i want to add footer on all the tabs in my application to show weather

android,xml,android-layout,footer
i have added footer in tab activity footer is shown in all tabs but problem is that it comes over the data so data at bottom is not visible. here is my code of xml <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" > <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"...

HTML Footer is Hidden by ScrollBar

html,css,footer,fixed
I am trying to create a footer on my page that stays anchored at the bottom of the page as the user scrolls up and down. I am most of the way there but there are a couple problems which I describe below. I have a JSFiddle at: https://jsfiddle.net/ay2y73co/ Here...

jQuery hide url on last section

jquery,hide,footer,fullpage.js
I tried lot of solutions, but still can`t figure out how to do it. Im using fullpage.js and have fixed footer. "Fullpage.js" let you create a page with sections. You can scrool from section1 to section2, section2 -> section3 and etc... And all sections have fixed footer. I need hide...

Footer not 100% bottom crossbrowser

html,css,cross-browser,fullscreen,footer
This is my first question here, so bare in mind that we may have some issues with code. But the thing is that i'm using a template (Cant remember what template atm) that is supposed to work in every browser but i cant get the code to the bottom. URL...

Tried it all, body background-img extends beyond the content

html,css,footer,sticky-footer
I've tried it all, or probably not since I can't get it to work, but anyway, I'd really appreciate some help! bootingup.se/test I've walked through a bunch of guides on the issue, and still can't figure out why the footer won't anchor itself to the bottom of the page, or...

Footer won't stay bottom and usually come over the content

html,css,css-position,footer
I know that this question has been asked around 1000 times but this time its different Goto this link by Clicking Here to see it live and click on header to add content maybe 20,30 times and the content will get below the footer what I want is to get...

svg polygon top on the image

svg,footer,polygon
I need add image in the footer and on the image draw polygon, i try use z-index values but cannot get it on the top. My code example: body { display: flex; flex-direction: column; height: 100vh; } footer { position: fixed; top: 180px; bottom: 0; width: 100%; } footer img[usemap]...

HTML CSS Footer: Exact Same specifications, but different vertical alignment; why?

html,css,footer
I have a footer with two float-left divs beside each other; one side for some text, the other for some links. They are both linked up to the same CSS, with exact same specs, but the left side text is lower than the right side links. I've removed padding and...

Solved - Footer always at very bottom (move with content, but min at bottom)

html,css,footer
I'm trying to set up a website with header, body and footer. I want the footer to be at the very bottom of the page but move it relative to the content. Here is what I got so far html: <html> <header> </header> <body> <div id="header"> </div> <div id="body"> </div>...

How can I keep a group of buttons centralized on the right side of the footer?

html,css,button,footer
I've been trying to keep four buttons centralized on the right side of the footer, but it seems like the footer is set to percentage instead of pixels, I've tried to set it to percentage, but it ignores my "orders", how can I set the footer to 60px, and put...

php not executing in a get_file_contents document

php,indexing,footer,copyright
In my index.php file I have a command to retrieve the footer content. <?php echo file_get_contents('template/footer.php'); ?> In the footer.php document I have an additional script to get a automatic generated copyright date however when the footer.php document is rendered it isn't executing the php. <?php echo date("Y"); ?> Is...

How to get angular ui grid footerTemplate to work?

javascript,angularjs,footer,angular-ui-grid
Angular UI-Grid has a property called footerTemplate, which is supposed to offer the possibility to create a custom footer template. I tried entering html content (a div with some text) in a string, I've also tried adding a .html file name in the string and even the ID of a...

How to use views / layouts in different modules

php,header,zend-framework2,footer
i am new to Zend Framework 2 and try to set up my first project. I set up the skelleton Application and now i try to create a "header" and "footer" that can be used in every module. As a header and footer i mean normal html text that includes...

UITableView viewForFooterInSection only shows after scrolling

ios,objective-c,uitableview,tableview,footer
I've got a UITableView with one section and enough rows that the tableView needs to be scrolled to get to the bottom. I want to add a footer view which will stick to the bottom of the tableView and always be visible, so I have implemented viewForFooterInSection. Here's my code:...

Add Header and Footer Image in PDF using docraptor c#

c#,pdf,header,footer
I am using docraptor (https://docraptor.com/samples) for creating the PDF but I am not able to add Image as Header and Footer into generated PDF. I have below Html and I am using AJAX to call the API and passing below HTML as content to crate a pad but its not...

Footer don't change Opencart

php,html,task-parallel-library,opencart,footer
I am trying to edit the footer of my store. But nothing seems to happen. I have to add one more div in the content but it doesn't display on the store, neither the css. <div class="payment col-sm-12"> <div class="container"> <div class="row"> <p> <?php echo $text_payment; ?> </p> </div> </div>...

Footer stick to bottom with adaptative layout (Bootstrap)

javascript,html,css,twitter-bootstrap,footer
I'm having a problem to stick my footer to bottom. I'm following the classic wrapper idea with an empty div that push the footer to the bottom. This is my code: HTML <html> <body> <section class="wrapper"> <!--main content--> <div class="push"></div> </section> <footer class="footer"> <div class="container"> <!--footer content--> </div> </footer> </body>...

How to set the value of a textbox to 0 “Zero” in a continues form footer while the detail of the form has no data MS Access

footer
I have a continues form in which I used the if(), IsNumeric(), isnull and SUM() functions to calculate the total amount of the records if exist in the details, else return me 0 (zero): if(IsNumeric(Tr_Amount), SUM(Tr_Amount), 0) if(isnull(Tr_Amount), sum(Tr_Amount), 0) However, it is not working fine. While it has no...

CSS Footer slight space after

css,footer
I am having an issue in removing the white space after footer. I was able to remove it in chrome setting a - margin-bottom but that doesn't work well with Firefox or IE. I'm not quite sure I understand why the white space is even there. Any help is appreciated....

Expand width to 100%

javascript,jquery,html,css,footer
I have a fixed width container. In which i have a footer which is stuck in the fixed width wrapper. i want to expand the footer width 100%. I cannot modify the html code. I need a guidance how can i make the footer 100% keeping it in fixed wrapper....

Troubles in the footer part with some divs

html,css,html5,footer
I have a headache with all this positioning stuff, so I decided to ask you about it; I already read blogs about the positioning of this kind of things but as a beginner, it's a bit difficult to find the exact answer. I have the following problem: In the image...

WordPress footer styles loading to middle of page

html,css,wordpress,footer
On the front page of my site, the footer content is loading to the bottom of the page, where it should. But the styles are loading to the middle of the page. As you'll see, I called a red background on the footer, but it's appearing behind a widget well...

Centering a div; not sure what to do

html,css,footer
I've been trying for hours to center a table div on a website I'm creating, and I can't figure it out. I've tried using margin: 0 auto with a defined width, and that doesn't work. I've also 'margin-right: auto; margin-left: auto;", but that didn't work either. I'm really not sure...

HTML Footer on Bottom under all content

html,css,footer,overlapping
Im trying to get my footer on the bottom of my page, i got the part where its on the bottom of my page, but now its overlapping with my content area called"portfolio list" this is what it looks like now: As you can see is my footer overlapping the...