Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Body margins afhankelijk van beeldresolutie

Anoniem
H J Barelds
6 antwoorden
  • Door de verschillende beeldresoluties die er gebruikt worden, wordt de lay-out van de webpages nogal eens anders dan bedoeld. Ik zou graag een script hebben, waarbij de groottes van de body margins afhankelijk van de resolutie zijn.
  • Margins instellen in procenten?
  • nee, in absolute waarden.
    Ik maak mijn websites op een resolutie van 1024 x 768. De meeste afbeeldingen zijn zo'n 400 px breed. Om min of meer dezelfde layout te hebben voor andere resoluties wil ik dan de zijmarges vergroten.
    Nu heb ik links en rechts 10 px (dus voor 1024), maar bij een resolutie van b.v. 1280 zou ik dan zo'n 50 px willen nemen, maar dat moet ik uitproberen.
    Ik zoek dus een script met een functie waarin staat
    if (screen.width == 1024) { ??? ; }
    else if (screen.width == 1280) { ????; }
    voor de vraagtekens dus de leftMargin en rightMargin.
    Ik dacht de functie in te laden door onLoad="functie" in de BODY tag te zetten.
  • dat van gerben was meer een antwoord…

    Je kan heel goed je marges in procenten instellen, dan schalen ze vanzelf mee.
  • Dat begrijp ik, maar dat wil ik niet, want als je b.v. van 1024 naar 1280 gaat, zouden als je in procenten werkt, de margins slechts met ca 20% toenemen (en dus maar 12 px worden), terwijl het scherm ca 250 px breder wordt. Voor een zelfde layout moet ik dan de effectieve breedte (door de BODY tag) veel kleiner maken (theoretisch zo'n 125 px, maar dat is me weer teveel). Maar ik denk dat er wel een eenvoudig scriptje bestaat, maar weet niet waar?
  • 1024 x 20% = 204
    1280 x 20% = 256

    de verhouding van 1280 tov 1024 is 1.25. En oh wat een toeval, 204 x 1.25 is 256 (nouja, 255 maar je snapt hem).


    Je kan ingewikkeld gaan doen door idd met JS de breedte uit te lezen, en dan je marge te schrijven, maar wat nou als iemand met 1280 zijn scherm niet maximaliseerd (zoals ondergetekende)?


    t.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.