Footer content in het midden weergeven

Overzicht

Sponsored by: Vacatures door Monsterboard

Mohamed nvt

Mohamed nvt

15/09/2022 11:24:09
Anchor link
Het klinkt misschien heel eenvoudig en het heeft eerder gewerkt, maar de content van footer gedeelte is nu geplakt aan de linkerkant.

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)
PHP script in nieuw venster Selecteer het PHP script
1
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;

  }


Alle content zit in de main div
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
.main {
    padding-bottom: 2.5rem;
    clear: both;
  }

Dan de footer plus p tag
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
.footer {
    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
 
PHP hulp

PHP hulp

18/06/2024 23:01:04
 
Ozzie PHP

Ozzie PHP

15/09/2022 12:01:08
Anchor link
Beetje lastig te zeggen zonder werkend voorbeeld.

Gokje ... voeg dit eens toe:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
.footer {
  width: 100%;
  text-align: center;
}
 
Mohamed nvt

Mohamed nvt

15/09/2022 13:29:53
Anchor link
Ozzie PHP op 15/09/2022 12:01:08:
Beetje lastig te zeggen zonder werkend voorbeeld.

Gokje ... voeg dit eens toe:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
.footer {
  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
 
Jan R

Jan R

15/09/2022 19:50:40
Anchor link
Zou een footer niet beter in een footer tag staan
 
Jan Koehoorn

Jan Koehoorn

16/09/2022 04:33:07
Anchor link
Omdat je nu text-align: center op .footer hebt, kun je de text-align-center op .footer p weghalen.
 
- Ariën  -
Beheerder

- Ariën -

28/07/2023 10:58:28
Anchor link
.
 
 

Dit topic is gesloten.



Overzicht

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.