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

Webdesign (HTML, CSS, Flash)

Breedte van de pagina

Torrentus
5 antwoorden
  • Ik ben bezig met het vernieuwen van onze tennisclub website. Het is gewoon een simpele informatie website met niet te veel toeters en bellen.
    De oude bevat frames en daar wil ik vanaf.

    nu heb ik een volledige pagina die ik graag in het midden wil hebben. Bij mij thuis wordt deze goed weergegeven, maar b.v. op mijn werk krijg ik een scrollbalk aan de onderzijde. Dus is het veel te breed!
    Ik kom er alleen iet achter waar het aan ligt.

    Er is een css bestand (untitled_1.css) wat invloed heeft op de layout van de pagina. Alleen gaat mijn kennis niet zover.
    De website waar het om gaat: http://www.ltc-kruiningen.nl/web/index.html

    Kan iemand mij verder helpen?
  • [quote:e0678252ec="Darkeye"]Ik ben bezig met het vernieuwen van onze tennisclub website. Het is gewoon een simpele informatie website met niet te veel toeters en bellen.
    De oude bevat frames en daar wil ik vanaf.

    nu heb ik een volledige pagina die ik graag in het midden wil hebben. Bij mij thuis wordt deze goed weergegeven, maar b.v. op mijn werk krijg ik een scrollbalk aan de onderzijde. Dus is het veel te breed!
    Ik kom er alleen iet achter waar het aan ligt.

    Er is een css bestand (untitled_1.css) wat invloed heeft op de layout van de pagina. Alleen gaat mijn kennis niet zover.
    De website waar het om gaat: http://www.ltc-kruiningen.nl/web/index.html
    [/quote:e0678252ec]


    Dat komt waarschijnlijk omdat de resolutie van de PC op je werk kleiner is. Er zijn dus minder pixels op het scherm en er past dus minder op.

    Als je dit:
    [code:1:e0678252ec]
    #page_content {
    margin-right: 500px;
    margin-left: 150px;
    }[/code:1:e0678252ec]

    Veranderd in dit:
    [code:1:e0678252ec]
    #page_content {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    }[/code:1:e0678252ec]

    Kom je al een heel eind denk ik :)



    Torrentus
  • Je kunt ook deze code in je CSS zetten:

    body {
    margin: 0; padding: 0;
    }

    #site {
    margin:0 auto;
    position:relative;
    width:700px;
    }

    En dit in je html bestand:

    helemaal bovenaan de pagina een doctype bijvoorbeeld:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    en dan tussen de <body> </body> de div "site" aanroepen

    <div id="site"> en dan kun je hier heel je code in zetten</div>

    Succes!
  • [quote:27bb881bdf="Ec0m"]Je kunt ook deze code in je CSS zetten:

    body {
    margin: 0; padding: 0;
    }

    #site {
    margin:0 auto;
    position:relative;
    width:700px;
    }

    En dit in je html bestand:

    helemaal bovenaan de pagina een doctype bijvoorbeeld:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    en dan tussen de <body> </body> de div "site" aanroepen

    <div id="site"> en dan kun je hier heel je code in zetten</div>

    Succes![/quote:27bb881bdf]

    Wat dus een letterlijke herhaling is van mijn reply? :?
  • Dat inderdaad op de een of andere manier de pagina te breed werd snapte ik wel. Maar ik kon alleen niet ontdekken waarom dit kwam. Zal de veranderingen aanbrengen en dan zie ik van de week wel op mijn werk of het nu wel zonder de scrollbalk onderin is.

    In ieder geval tot zover bedankt voor jullie antwoorden. :P

Beantwoord deze vraag

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