1. #1
    a143290's Avatar
    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 Reply With Quote

  2. #2
    Zero Grav's Avatar
    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 Reply With Quote

  3. #3
    a143290's Avatar
    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 Reply With Quote

  4. #4
    Eleven's Avatar
    Registered
    11/01/09
    Location
    neverland
    Posts
    101
    iTrader
    0
    Mentioned
    0 Post(s)
    Toevallig een link naar de site in kwestie?
    no votes   Reply With Quote Reply With Quote

  5. #5
    a143290's Avatar
    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 Reply With Quote

  6. #6
    Eleven's Avatar
    Registered
    11/01/09
    Location
    neverland
    Posts
    101
    iTrader
    0
    Mentioned
    0 Post(s)
    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 Reply With Quote

  7. #7
    a143290's Avatar
    Registered
    26/11/03
    Location
    Mortsel
    Posts
    4,035
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/60
    Quote Originally Posted by Eleven View Post
    This quote is hidden because you are ignoring this member. Show

    Nu is je site niet echt het voorbeeld van een goede site, verkeerd gebruik van tables en een frame die niet nodig is, maarja.
    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. Bedankt
    Last edited by a143290; 17-09-2010 at 16:02.
    ~
    no votes   Reply With Quote Reply With Quote

  8. #8
    Thomas D.J.'s Avatar
    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 Reply With Quote

  9. #9
    Eleven's Avatar
    Registered
    11/01/09
    Location
    neverland
    Posts
    101
    iTrader
    0
    Mentioned
    0 Post(s)
    Inderdaad, je moet een tabel gebruiken waarvoor een tabel dient, niet om kolommen te maken.
    no votes   Reply With Quote Reply With Quote

  10. #10
    a143290's Avatar
    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 Reply With Quote

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in