Thread: Pagina verschuift een beetje
-
16-09-2010, 19:56 #1Approved 9-lifer
- Registered
- 26/11/03
- Location
- Mortsel
- Posts
- 4,035
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/60
Pagina verschuift een beetje
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 ^^'~no votes
Reply With Quote
-
-
16-09-2010, 20:03 #2Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Hebt ge bij de ene pagina een scrollbar en bij de andere niet?
no votes
Reply With Quote
-
16-09-2010, 20:12 #3Approved 9-lifer
- Registered
- 26/11/03
- Location
- Mortsel
- Posts
- 4,035
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/60
Heb bij alletwee de pagina's een scrollbar.
~no votes
Reply With Quote
-
16-09-2010, 20:57 #4
Toevallig een link naar de site in kwestie?
no votes
Reply With Quote
-
16-09-2010, 21:16 #5Approved 9-lifer
- Registered
- 26/11/03
- Location
- Mortsel
- Posts
- 4,035
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/60
Hij staat niet online, maar ik heb de pagina's in kwestie, samen met de CSS file in een .rar gezet:
MEGAUPLOAD - The leading online storage and file delivery service
Als je van de home naar de contact pagina en terug gaat zal je zien dat de verhouding een klein beetje verandert.
*edit: Toch al een halve beta online gezet:
www.pixelatelier.be
Nu heeft blijkbaar elke pagina er last van.Last edited by a143290; 16-09-2010 at 23:02.
~no votes
Reply With Quote
-
17-09-2010, 02:20 #6
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;)no votes
Reply With Quote
-
17-09-2010, 14:21 #7Approved 9-lifer
- Registered
- 26/11/03
- Location
- Mortsel
- Posts
- 4,035
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/60
Hoe bedoel je juist?
Dit is trouwens de eerste 'echte' site die ik maak, de vorige was een lelijke draak als opdracht voor school
Die gap is nu opgelost door border-spacing en het verschuiven lag dus aan de padding waar ik geen rekening mee had gehouden. BedanktLast edited by a143290; 17-09-2010 at 16:02.
~no votes
Reply With Quote
-
17-09-2010, 19:30 #8Member
- Registered
- 14/01/04
- Location
- Bazel
- Posts
- 45
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
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.no votes
Reply With Quote
-
18-09-2010, 11:10 #9
Inderdaad, je moet een tabel gebruiken waarvoor een tabel dient, niet om kolommen te maken.
no votes
Reply With Quote
-
18-09-2010, 17:32 #10Approved 9-lifer
- Registered
- 26/11/03
- Location
- Mortsel
- Posts
- 4,035
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/60
OK, merci voor de suggestie.
~no votes
Reply With Quote

