Footer content in het midden weergeven
De reden dat ik zeg dat het eerder heeft gewerkt en nu niet meer, omdat ik de footer gedeelte altijd aan de onderkant van een pagina laat weergeven, afhankelijk hoe groot de inhoud van een pagina is en dat is nu gelukt.
Ik gebruik hiervoor de volgende code:
Alles zit in de wrapper div
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
.wrapper {
margin: 0 auto;
padding: 0%;
width: 70%;
min-width: 640px;
min-height: 100vh;
border: 1px solid;
background-color: black;
position: relative;
border-radius: 0px 0px 5px 5px;
}
margin: 0 auto;
padding: 0%;
width: 70%;
min-width: 640px;
min-height: 100vh;
border: 1px solid;
background-color: black;
position: relative;
border-radius: 0px 0px 5px 5px;
}
Alle content zit in de main div
Code (php)
1
2
3
4
2
3
4
.main {
padding-bottom: 2.5rem;
clear: both;
}
padding-bottom: 2.5rem;
clear: both;
}
Dan de footer plus p tag
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
.footer {
position: absolute;
bottom: 0;
height: 2.5rem;
clear: both;
}
.footer p{
text-align: center;
}
position: absolute;
bottom: 0;
height: 2.5rem;
clear: both;
}
.footer p{
text-align: center;
}
Alvast bedankt voor het meedenken.
Gewijzigd op 15/09/2022 11:25:04 door Mohamed nvt
Gokje ... voeg dit eens toe:
Code (php)
1
2
3
4
2
3
4
.footer {
width: 100%;
text-align: center;
}
width: 100%;
text-align: center;
}
Ozzie PHP op 15/09/2022 12:01:08:
Beetje lastig te zeggen zonder werkend voorbeeld.
Gokje ... voeg dit eens toe:
Gokje ... voeg dit eens toe:
Code (php)
1
2
3
4
2
3
4
.footer {
width: 100%;
text-align: center;
}
width: 100%;
text-align: center;
}
Yes het werkt TOP! Tnx!
Het werkende voorbeeld: www.jocke-overwater.nl
Gewijzigd op 15/09/2022 13:30:20 door Mohamed nvt
Dit topic is gesloten.