With HTML / CSS, I need to get the footer be placed on the bottom of the page even if there is no enough content.  In case there is lot of content causing an scroll, is very easy to achieve this. The problem came up when there is no enough content because in that case the footer goes up.  Here you have an image that could clarify this more:    I have the following starting code:  CSS  body {     margin: 0; } #header, #content, #footer {     padding: 10px; } #header {     height: 100px;     background-color: #abcdef; } #content {     bottom: 100px;     left: 0;     right: 0;     background-color: #F63;     overflow: auto; } #footer {     position: fixed;     bottom: 0;     left: 0;     right: 0;     height: 100px;     background-color: #abcdef; }   HTML  &lt;div id="header"&gt; There is the Header &lt;/div&gt; &lt;div id="content"&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt;     hello world&lt;br/&gt; &lt;/div&gt; &lt;div id="footer"&gt; There is the Footer &lt;/div&gt;   Jsfiddle preview:  (try resizing the height of the window)  Any idea on how to achieve this?  IMPORTANT     I need a working solution also for IE (ver >= 11), not just FF and Chrome.
3362
I have a simple 2-column layout with a footer that clears both the right and left div in my markup.  My problem is that I can't get the footer to stay at the bottom of the page in all browsers.  It works if the content pushes the footer down, but that's not always the case.
96171
The footer copyright declaration at the bottom of the page    is in lower-case (completely). I want to know if there is some particular reason for this? Why is it not Titled-Case or Sentenced-case?
41016
When using fancyhdr, how do you remove the top horizontal rule?  I do not want a header at all, just a footer.  This is what I do now:  \documentclass{article} \usepackage{fancyhdr} \pagestyle{fancy}  \lfoot{text} \cfoot{text 2} \rfoot{text 3}  \begin{document} Foo Bar \end{document}
92740
Consider the minimal code below, which produces two different layouts depending on the  table position marks.    The first layout uses   \begin{table}   which results in the table ending below the footnotes and the second,  \begin{table}[htbp]   results in the table ending above the footnotes. Is this normal behaviour in LaTeX? I think a better algorithm would have been to try and position images or tables above the footnotes; is it some form of a bug? Here is the MWE.  \documentclass{book} \usepackage[paperwidth=4.75in,paperheight=7.25in,             textwidth=4.5in,textheight=6.5in,             headsep=0.1in, footskip=0.15in,             marginratio=1:1]{geometry} \usepackage[latin,english]{babel} \usepackage[demo]{graphicx} \usepackage{booktabs,lipsum} \begin{document}  \selectlanguage{latin} \chapter{Errora}  Una imagine tabula, figura et \ae nigma.\footnote{translatio via google}.   \begin{figure}[htbp] \centering \includegraphics[width=0.3\textwidth]{./graphics/amato} \caption{Uno pictorum}  \end{figure} \begin{table}%[htbp] %uncomment to see difference \centering \begin{tabular}{cccc}   \toprule   Error &amp;Errors &amp;error &amp;errors\\   \bottomrule \end{tabular}       \caption{Test} \end{table} %\lipsum[1-3] \end{document}   Edit:  I had a look at the documentation of the footmisc recommended by Thorsten Donig as a workaround where  Robin Fairbairns describes this behaviour as an "infelicity". There is a further infelicity, if you let both floats to float freely, the table floats to the next page and the image goes in the footer area, while there is ample space to have stayed exactly in its position in the text.
4073
how could i vertically center a &lt;div&gt; within a &lt;div&gt; ?  my code so far:  &lt;div style="height:322px;overflow:auto;"&gt;     &lt;div style="border: Solid 1px #999999;padding:5px;"&gt;     &lt;/div&gt; &lt;/div&gt;   i have tried "top:50%;" and "vertical-align:middle;" without success  EDIT: okay so it's been discussed a lot. and i've maybe started another mini flame war. but for argument sake, how would i do it with a table then? i've used css for everything else so far so it's not like i'm not trying to employ "good practices".  EDIT: the inner div does not have a fixed height
27538
I have a document with some tabulars one after the other.  I want the tabulars begin on a new page if there is very little room left on the actual page, like 1/4th.  Otherwise, there should not be a pagebreak.  So I need some kind of conditional \pagebreak, how can I do this?
20773
How do you use the CSS content property to add HTML entities?  Using something like this just prints &amp;nbsp; to the screen instead of the non-breaking space:  .breadcrumbs a:before {     content: '&amp;nbsp;'; }
106858
I recently came across an IE7 only bug that I thought I'd share so when I come to this site 6 months from now to figure out the same thing, I'll have it on hand.   I believe the easiest way to recreate this bug would be the following html in a page with a declared doctype (it works correctly in "quirks mode" / no-doctype):  &lt;div style="overflow: auto; height: 150px;"&gt;     &lt;div style="position: relative;"&gt;[...]&lt;/div&gt; &lt;/div&gt;   In IE7, the outer div is a fixed size and the inner div is relatively positioned and contains more content (assuming the inner div causes an overflow). In all other browsers, this seems to work as expected.  Screenshot:
55897
How would one increase the height of the \fancyhead{} so that the text in the main body, doesn't collide with the title?  I have the following MWE:  \documentclass[a4paper,10pt,oneside]{article} \usepackage{fancyhdr} \usepackage[english]{babel} % Required to compile in Windows \usepackage[letterspace=150]{microtype} \usepackage{fontspec}  \pagestyle{fancy} \setmainfont {Adobe Garamond Pro} % Main document font  \renewcommand{\headrulewidth}{0pt}  \fancyhead[C]{     \addfontfeature{LetterSpace=20.0}\fontsize{30}{30}\selectfont\scshape Foo Bar Camp Names\\[5mm] }  \begin{document} \section*{Foo} \end{document}   However, the section foo starts right in the header, therefore I want to add some vspace in between header and main body. I tried \vspace, \bigskip, and all other sorts of vertical space commands, but none worked.  Updated MWE:  \documentclass[a4paper,10pt,oneside]{article} \usepackage{marvosym} % Allows the use of symbols \usepackage[english]{babel} % Required to compile in Windows \usepackage[letterspace=150]{microtype} \usepackage{fontspec} \usepackage{fancyhdr} %\usepackage[headheight=110pt]{geometry}  \pagestyle{fancy} \setmainfont {Adobe Garamond Pro} % Main document font  \renewcommand{\headrulewidth}{0pt} \setlength{\headheight}{110pt}   \fancyhead[C]{     \addfontfeature{LetterSpace=20.0}\fontsize{30}{30}\selectfont\scshape Foo Bar Camp Names\\ }  \fancyfoot[C]{     \lsstyle     \scshape{         \renewcommand{\\}{\ {\large\textperiodcentered}\ }         Foo Street \\Bar\\Foocountry     }\\     {\Large\Letter} foo@bar.com \ {\Large\Telefon} (+001) 000-0000000 }  \begin{document} \date{} % hide date \section*{Foo Bar} \end{document}
75802
I've MCQ Paper created using \documentclass[addpoints,answers,10pt]{exam} ; here on very page I've to provide "Space for Rough Work". Height of "Space for Rough Work" is around 20% of page height. This height is constant on all pages . Kindly suggest, if there is any way to add constant height at the bottom of page reserved for Space for Rough work ?   I tried \setlength{\footskip}{200pt} ; but it's not working.
9647
Given the following HTML:   &lt;div id="container"&gt;   &lt;!-- Other elements here --&gt;   &lt;div id="copyright"&gt;     Copyright Foo web designs   &lt;/div&gt; &lt;/div&gt;    I would like #copyright to stick to the bottom of #container. Can I achieve this without using absolute positioning?
86245
On first page of Table of Contents there is no header and footer, but on the second page there are a header and a footer.  My question: I don't need any numbering and header/footer on table of content. How can I have the entire table of contents (not only its first page) appear with no header or footer, and have them start at Chapter 1?  \documentclass[tikz,table,twoside,12pt,a4paper]{report} \usepackage{PTSansNarrow} \usepackage[T1]{fontenc} \usepackage{array,tabularx} \usepackage[most]{tcolorbox} \usepackage{xcolor} \usepackage{enumerate} \usepackage{graphicx} \usepackage[ruled, vlined, linesnumbered]{algorithm2e} \usepackage{censor} \censorruledepth=-.2ex \censorruleheight=.1ex \usepackage{setspace} \usepackage{subfigure} \usepackage{subfig} \usepackage[top=3.5cm, bottom=3.5cm, left=3.5cm, right=2.75cm]{geometry} \usepackage{fancyhdr} \usepackage{url} \usepackage{fancyvrb} \usepackage{color} \textwidth14cm \definecolor{darkblue}{rgb}{0.1,0.3,0.5}  \DefineVerbatimEnvironment% {MyVerbatim}{Verbatim} {gobble=0,label=\hspace{.85\textwidth},labelposition=all}  \usepackage[Lenny]{fncychap}%Sonny, Lenny, Glenn, Conny, Rejne, Bjornstrup and Bjarne \usepackage{cite} \usepackage{rotfloat} \usepackage{subfloat} \usepackage[titletoc]{appendix} % load package with ``framed'' and ``numbered'' option. \usepackage[numbered,autolinebreaks,useliterate]{mcode} \pagestyle{fancy} \fancyhf{} \fancyhead[LE,RO]{} \fancyhead[R]{\nouppercase{\leftmark}} \fancyfoot[C]{\thepage}  \renewcommand{\headrulewidth}{2pt} \renewcommand{\footrulewidth}{1pt}   \begin{document}  \pagenumbering{gobble}% Remove page numbers (and reset to 1) \clearpage \title{\textbf{THESIS NAME}\\ \begin{figure}[ht] \centering \includegraphics[width=0.5\textwidth]{logo.eps} \end{figure} }  \date{} \author{\textbf{SUBMITTED BY:}\\\textbf{STUDENT NAME} \vspace{5mm} \\ \textbf{Supervised By}\\ \textbf{NAME}\quad \vspace{10mm} \\ \textbf{DEPARTMENT OF COMPUTER SCIENCE} \\\textbf{NAME OF UNIVERSITY}        \\\textbf{Session:2012-2013} } \maketitle  \null \vfill \null \vfill \onehalfspacing \newpage \pagenumbering{roman} \chapter* {PROJECT APPROVAL} SAKASLJFSAJFKSAJFJEIJ S\KJ\\\\ \newline COMMITTEE\\\\ \newline \begin{flushleft} External Examiner: \line(1,0){250} \end{flushleft} \begin{flushleft} Comments: \line(1,0){250} \end{flushleft} \begin{flushleft} Internal Examiner: \line(1,0){250} \end{flushleft} \begin{flushleft}  Comments: \line(1,0){250} \end{flushleft} \begin{flushleft}  Chairman: \line(1,0){250}  \end{flushleft}  \begin{flushleft}  Comments: \line(1,0){250}  \end{flushleft}  \chapter* {DEDICATION}  KSAHDSAFH ASK JFASKJF  \chapter* {ABSTRACT}  XCLSCSAJFSAFOSAFISADKFLASKFL;ASKSAKFLKSALKFS  \chapter* {ACKNOWLEDGEMENT} LSAFLDSFJ SDAFJIASFAS JFSJAF SFSFAUI DSAF \chapter* {AUTHOR'S DECLARATION} ABC \newline Signature of Authors\\ \newline ABC: \xblackout{forty       two}\\ \newline ABC: \xblackout{forty     two}\\ \newline Date: \xblackout{forty     two}\\    \newpage \pagenumbering{gobble}% Remove page numbers (and reset to 1) \clearpage \tableofcontents  \pagenumbering{arabic} \input{ch1} \input{ch2} \input{ch3} \input{ch4} \input{ch5} \input{ch6} \input{ch7} \input{ch8}   \addcontentsline{toc}{section}{\textbf{Bibliography}} \bibliographystyle{plain} \bibliography{bibk}   \end{document}
14795
This question is a duplicate of  (but this question can't be marked as a duplicate because that question is on meta.stackoverflow.com, and this question is on meta.stackexchange.com).  I'm seeing a bug on stackoverflow.com. I'm not sure if the culprit is Stack Overflow, Google Chrome, or macOS.  (Below I refer to a "code box". By that I mean some text that begins with 4 spaces when editing a question or answer.)  When I hover over a code box that contains one long line of code, a horizontal scrollbar appears. When I stop hovering over the code box, very frequently (maybe 3 out of 4 times) the scrollbar does not disappear. Clicking elsewhere on the page also does not dismiss the scrollbar. The only way to dismiss it is to refresh the page.  ...After experimenting more, it appears to always happen if I enter the box from below, but not always when I enter from above. It seems to be triggered by hovering over the lower half of the box.  Also if I enter from the top and scroll to the right, then until I refresh the page again that scrollbox will behave normally (only show a scrollbar when scrolling, and disappear after). In that case the scrollbar also has a different appearance, being much less tall (maybe a quarter of the height of the code box rather than half as tall).  Further, if I get a box and scrollbar into that functional state and then hover over the lower part of the box for a bit, then sometimes eventually it will break and stay broken until refresh again.  And in any case hovering over the lower part of the box causes the scrollbar to get taller.  Here is a screenshot of the issue:        Google Chrome 71.0.3578.98 (Official Build) (64-bit)  macOS High Sierra 10.13.6  Here is a code box that repros the issue for me:  fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   Here is another:  foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo
53980
How to edit the margin of Page numbers to fill within the type area (Figure Below)?   Some page numbers are placed in the footer (Figure below). How to keep all pagination in the header only?
54163
When "Questions that may already have your answer" (similar questions) appear as a right column, it overflows and overlaps the footer.  (shown in the figure)        This happens on all SE network sites on which I have asked questions.  Also this happens to other columns also like "How to Format".
29940
How can I add horizontal line after header and before footer?   header ---------  --------- footer
68214
I'm trying to make my table header fixed, and below it are all the contents that can be scroll.  I want to do something like this:   Can anyone please help me out.   By the way, I'm am only a contributor and I can only edit page via browser.