Forum centeren

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
Kelinen
Berichten: 75
Lid geworden op: 24 aug 2006, 14:57

Forum centeren

Bericht door Kelinen » 21 jun 2007, 15:32

  • Wat is het probleem? Ik wil graag het forum gecentreerd zien
    Wanneer ontstond het probleem? Nadat ik de breedte heb aangepast naar 900px
    Adres van je forum: http://www.aquaplaats.be/hkm
    Modifications op je forum: geen
    Huidige stijl: aangepaste SubSilver2
    phpBB versie: 3.0.RC1
    Waar is je forum gehost: one.com
    Heb je onlangs iets verandert aan je forum? versmalt
Schopje naar 2.0 Stijlen
- Zero Override

Gebruikersavatar
Stef
Berichten: 9080
Lid geworden op: 04 jun 2003, 20:47

Re: Forum centeren

Bericht door Stef » 13 jul 2007, 13:32


Gebruikersavatar
Ger
Berichten: 4864
Lid geworden op: 03 jan 2006, 22:23
Locatie: 192.68.1.100
Contacteer:

Re: Forum centeren

Bericht door Ger » 13 jul 2007, 15:55

Die gaat niet lukken, Stef, die is voor pro-silver.

Je moet een paar dingen doen:
  • Open je stylesheet.css
  • Zoek naar "body"
  • in die alinea moet je de regel

    Code: Selecteer alles

    text-align: center;
    toevoegen De width zet je op 100%;
  • tussen de alinea's van body en wrapheader voeg je het volgende stuk toe:

    Code: Selecteer alles

    #container { 
        margin-left: auto; 
        margin-right: auto; 
        width: 900px; 
        text-align: left; 
    }
Nu moet die div nog toegevoegd worden aan de templatefiles. Die doe je als volgt:
############################################################################################
OPEN: overall_header.html

Code: Selecteer alles

FIND:
<div id="wrapheader"> 

BEFORE, ADD:
<div id="container">

OPEN: overall_footer.html

Code: Selecteer alles

FIND:
</body>

BEFORE, ADD:
</div>
save/close all files
############################################################################################
Dit is dé manier om te zorgen dat het bij elke resolutie goed staat. Bij mij werkt het iig vanaf 800x600 tot zelfs 1600x800 en alles wat er tussen zit.

Plaats reactie