Footer content in het midden weergeven

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Freelance medior java ontwikkelaar Belastingdienst

Concern: Belastingdienst B/cao Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 85,00 Startdatum inzet: 24-10-2022 Einddatum: open De Douane Keten Aangifte zoekt een Medior Java Ontwikkelaar De Douane Keten Aangifte (DA) is verantwoordelijk voor het ontwikkelen, beheren en beschikbaar stellen van IV-voorzieningen voor de Douane applicaties, die het aangifteproces voor Douane ondersteunen. Daaronder vallen de systemen voor o.a. invoeren, doorvoeren en uitvoeren van goederen naar de EU (en Nederland). Keten DA is een van de drie ketens van IV Douane. Ontwikkeling van nieuwe applicaties en verbetering/uitbreiding van bestaande applicaties vindt binnen IV Douane plaats in tweewekelijkse sprints m.b.v. Agile-ontwikkelmethoden.

Bekijk vacature »

Mohamed nvt

Mohamed nvt

15/09/2022 11:24:09
Quote 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

02/10/2022 09:30:30
 
Ozzie PHP

Ozzie PHP

15/09/2022 12:01:08
Quote 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
Quote 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
Quote Anchor link
Zou een footer niet beter in een footer tag staan
 
Jan Koehoorn

Jan Koehoorn

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



Overzicht Reageren

 
 

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.