Hoe krijg ik de scrollbars weg?

  • Opgelost Brainvoyager

    (@brainvoyager)


    10 jaren, 11 maanden geleden

    Op mijn website http://brainvoyagermusic.com heb ik een probleem op deze pagina: http://brainvoyagermusic.com/store/.

    Aan de rechterkant van de zeven plaatjes zit een scrollbar die ik niet weg krijg. Mijn theme schaalt de plaatjes zelf op de door mij aangegeven grootte. Als wordt doorgeklikt (klikken op de titel boven het plaatje) naar de single products pagina, dan staat daar hetzelfde plaatje maar dan zonder die lelijke scrollbar aan de rechterkant.

    Ik heb dit bij alle desktops en laptops die ik heb geprobeerd geconstateerd, alle hebben de IE browser. Ik heb gehoord dat het met andere browsers wel en niet voorkomt. Op mijn iPad heb ik dit verschijnsel in het geheel niet!

    De plaatjes kleiner maken helpt niet omdat de scrollbar ook kleiner wordt en dus gewoon aan de rechterkant van de plaatjes blijft zitten.

    Hoe kom ik nu van die rare scrollbars af? Waarom laat IE deze wél zien en een andere browser weer niet? Sterker, bij de Comodo Dragon browser heb ik zelfs ook aan de onderzijde zo’n lelijke scrollbar.

    Ik zou hier erg graag vanaf komen. Maar hoe?

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • LuigivdB

    (@luigivdb)

    10 jaren, 11 maanden geleden

    Dag Brainvoyager,

    De div rond de image geeft dit probleem.
    Als je het volgende veranderd in de css, moet het in orde zijn:

    .default_product_display .imagecol {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    min-height: 50px;
    height: 100%;
    overflow: hidden;
    }

    LuigivdB

    (@luigivdb)

    10 jaren, 11 maanden geleden

    Je kan ook altijd best display: block toevoegen aan images.
    Dat lost zo’n problemen ook op.

    Grts,
    Luigi

    Thread starter Brainvoyager

    (@brainvoyager)

    10 jaren, 11 maanden geleden

    Dank je wel Luigi! Dat ga Ik uitproberen. Kun je mij zeggen waar ik de display:block in de code die je in jouw eerste reactie gaf in moet passen.

    En tot slot: waar moet ik deze door jou gegeven code plaatsen?

    Thread starter Brainvoyager

    (@brainvoyager)

    10 jaren, 10 maanden geleden

    Luigi, de code uit jouw eerste reactie werkt!!! Dank je wel!!!! Daar heb ik lang op zitten klooien. Pfff…

    Ik heb niets gedaan met de code uit jouw tweede reactie. Is het wijs om deze tóch erbij te pasten? Dus dat het totaal dan zo wordt:

    .default_product_display .imagecol {
    text-align: right;
    display: table-cell;
    display: block;
    vertical-align: middle;
    min-height: 50px;
    height: 100%;
    overflow: hidden;
    }

    Of kan/mag dit helemaal niet?

    LuigivdB

    (@luigivdb)

    10 jaren, 10 maanden geleden

    Dag Brainvoyager,

    Graag gedaan! De display: block is hier niet direct noodzakelijk. je kan het toevoegen aan de img in de .imagecol:
    #default_products_page_container .imagecol img { display: block }

    het lost vaak problemen op voor verschillende browsers.

    Thread starter Brainvoyager

    (@brainvoyager)

    10 jaren, 10 maanden geleden

    Thanks again Luigi! Misschien een domme vraag maar de code die je zojuist gaf, dien ik deze als regel geheel onder de eerdere snippet te plaatsen in mijn theme? Of moet ik hem juist combineren met de snippet die je als eerste gaf?

    LuigivdB

    (@luigivdb)

    10 jaren, 10 maanden geleden

    Die mag gewoon onder de vorige snippet komen.
    Als volgt dus:


    .default_product_display .imagecol {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    min-height: 50px;
    height: 100%;
    overflow: hidden;
    }

    .default_product_display .imagecol img {
    display: block
    }

    Grts,
    Luigi

    Thread starter Brainvoyager

    (@brainvoyager)

    10 jaren, 10 maanden geleden

    Gedaan! Opgelost! Hartelijk dank Luigi!!!

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘Hoe krijg ik de scrollbars weg?’ is gesloten voor nieuwe reacties.