Archief - Pagina verschuift een beetje

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
a

a143290

Legacy Member
Ik ben dit al zo vaak tegengekomen, maar heb er nooit een oplossing voor gevonden:

Ik heb bv. 2 pagina's: Een homepage en een info page.

Ze zien er identiek hetzelfde uit, gebruiken dezelfde css file,... enkel de inhoud is anders. Op de home page staat een welkomsttekst, op de info page staat contactinformatie en een routebeschrijving.

De pagina's bestaan uit een tabel met 2 kolommen: de linkse kolom dient als navigatiebalk en is 20% groot, de rechtse kolom is de inhoud en neemt de overige 80% in.

Als ik van de home naar de info pagina ga verschuift de 20/80 verhouding precies een beetje naar bv. 19/81. Hoe kan ik dit oplossen?

Ik hoop dat mijn uitleg een beetje duidelijk is ^^'
Z

Zero Grav

Legacy Member
Hebt ge bij de ene pagina een scrollbar en bij de andere niet?
E

Eleven

Legacy Member
Ik denk dat het probleem komt door die "gap" tussen uw 2 kolommen.

Je zou kunnen proberen om:
  • border-spacing: 0px; toe te voegen bij uw table selector
  • Op je table selector (of op de tabel zelf in HTML) width: 100%; en de width van één kolom wegdoen.
  • Een width: 20%; en width: 80%; op je kolommen en een width: 100%; op de tabel

Nu is je site niet echt het voorbeeld van een goede site, verkeerd gebruik van tables en een frame die niet nodig is, maarja.

Nog een opmerking: op de site die online staat heeft de rechter kolom een width van 720px en een padding-left van 20px. Als je wil dat je kolom 720px breed is en er een padding-left van 20px heeft, moet je de padding van je breedte aftrekken (dus width: 700px; padding-left: 20px;)
a

a143290

Legacy Member
Eleven zei:
Nu is je site niet echt het voorbeeld van een goede site, verkeerd gebruik van tables en een frame die niet nodig is, maarja.
Klik om te vergroten...

Hoe bedoel je juist?

Dit is trouwens de eerste 'echte' site die ik maak, de vorige was een lelijke draak als opdracht voor school :p


Die gap is nu opgelost door border-spacing en het verschuiven lag dus aan de padding waar ik geen rekening mee had gehouden. Bedankt
T

Thomas D.J.

Legacy Member
Wat hij bedoelt is dat je zo weinig mogelijk tabellen moet gebruiken als lay-out. In plaats daarvan kan je even goed DIVs maken met float:left enzo om uw lay-out hetzelfde te krijgen.
Dit wordt gezien als een goed geschreven site.
In principe kan je dus alles van lay-out met je CSS doen.
E

Eleven

Legacy Member
Inderdaad, je moet een tabel gebruiken waarvoor een tabel dient, niet om kolommen te maken.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan