Skip to content
View in the app

A better way to browse. Learn more.
GTAGames.nl - De Nederlandse Grand Theft Auto Community!

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Website maken

Ik heb een tijdje geleden een website gemaakt op een 17 inch-scherm en die heb ik bekeken op een 19 inch scherm, boven aan de header en het menu dat daaronder horizontaal zit, was veel breeder dan 750 PX (dat geplan was) wat kan ik aan deze vervorming doen ? opnieuw maken op me nieuw PC ?

Plz help

  • Quote

    • Featured Replies

    Ik heb een tijdje geleden een website gemaakt op een 17 inch-scherm en die heb ik bekeken op een 19 inch scherm, boven aan de header en het menu dat daaronder horizontaal zit, was veel breeder dan 750 PX (dat geplan was) wat kan ik aan deze vervorming doen ? opnieuw maken op me nieuw PC ?

    Plz help

    Je moet rekening houden met je site in alle grotes dus als jij je techniek niet aanpast dan zal hij nu op een 17" scherm moeilijk te bekijken zijn en op een 24" scherm ook.

    Meestal worden er "containers" gebruikt om dit probleem op te lossen je kan het vergelijken met een ketting die alle tabellen, afbeeldingen, ... etc bij elkaar houd.

    Je kan het simpel gebruiken:

    <div class="container">hier zet je alles wat eerst in je body stond</div>

    Je zet dit dus vlak achter <body>

    <div class="container">

    En dit vlak voor </body>:

    </div>

    Dan voeg je aan je CSS code ook dit toe:

    .container {
width: 800px; /* best een absolute waarde zoals 800px en bijvoorbeeld geen 75% */
}

    Dat zou normaal al moeten helpen maar dan heb je natuurlijk nog het probleem dat jij bijvoorbeeld je website gecentreerd wilt dan voeg je ipv bovenstaande CSS code dit toe:

    .container {
width: 800px; /* best een absolute waarde zoals 800px en bijvoorbeeld geen 75% */
float: center;
}

    Dat zou normaal moeten werken als het niet lukt zou je dan ook een online voorbeeld willen geven.

  • Quote
    • Author

    Sorry van deze bump, maar dit zou de site voor alle soorten schermen goed leesbaar en niet uitgerekt moeten maken ?

  • Quote
    Sorry van deze bump, maar dit zou de site voor alle soorten schermen goed leesbaar en niet uitgerekt moeten maken ?

    Inderdaad, als er een vaste breedte wordt opgegeven, is deze op alle schermen hetzelfde. Bij een lagere resolutie zouden wel scrollbalken kunnen ontstaan,maar als je er rekening meehoudt tijdens het maken van de site en eventueel op meerdere schermen en resoluties test, dan moet het lukken.

  • Quote
    • Author

    thanx (alweer :dans: )

    Dan ziet het er ook wat beter uit, proffesioneler, aan meer dingen gedacht dus ook weer bezoeker-vriendelijk

  • Quote

    • Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Guest
    Reply to this topic...
    Go to topic listing

    Recently Browsing 0

    • No registered users viewing this page.

    Account

    Navigation

    Search

    Search

    Configure browser push notifications
    Chrome (Android)
    1. Tap the lock icon next to the address bar.
    2. Tap Permissions → Notifications.
    3. Adjust your preference.
    Chrome (Desktop)
    1. Click the padlock icon in the address bar.
    2. Select Site settings.
    3. Find Notifications and adjust your preference.