Osm jili real money app.Claim Your Free 999 Pesos Bonus Today

AntonioFajdiga
(@antoniofajdiga)

11 years, 11 months ago
How i can fix my footer down on the bottom . This is my page
https://dis.ijs.si/projekt-asistent/

My current solution is this
```
#contentwrap {
display: block;
padding: 0 0 20px 0;
margin: 0 auto;
position: relative;
min-height: 450px;
```
but this is not the real solution , because when i run this on mobile phone or tablet or some bigger screen the footer line is no good

Viewing 5 replies - 1 through 5 (of 5 total)

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 11 months ago

Use this tutorial
https://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
Edit: Urgh, tutorial website down.

Thread Starter AntonioFajdiga
(@antoniofajdiga)

11 years, 11 months ago

i can not open that link. my browser is trying to redirect , but at the end i can not opetn that page

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 11 months ago

Try this one https://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/
Thread Starter AntonioFajdiga
(@antoniofajdiga)

11 years, 11 months ago
doesn’t help. This is the problem
```
#footer {
	width:100%;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;
	background:#ee5;
```
because he fix the height to 80px, and when i do that my footer line and text go up and mix with my paragraph text
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 11 months ago
You need to follow all of the steps, including:
This HTML structure (if you haven’t already got it)
```
<body>
	<div id="wrapper">
		<div id="header"></div>
		<div id="content"></div>
		<div id="footer"></div>
	</div>
</body>
```
And the other styles;
```
html,
body {
	margin:0;
	padding:0;
	height:100%;
}
#wrapper {
	min-height:100%;
	position:relative;
}
#header {
	padding:10px;
	background:#5ee;
}
#content {
	padding:10px;
	padding-bottom:80px;   /* Height of the footer element */
}
#footer {
	width:100%;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;
	background:#ee5;
}
```

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘fix footer on the bottom’ is closed to new replies.

fix footer on the bottom

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics