Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Breedte van de pagina

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: [url]http://www.ltc-kruiningen.nl/web/index.html[/url] 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: [url]http://www.ltc-kruiningen.nl/web/index.html[/url] [/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

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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