DIV débordement/barres de défilement/chrome/ff/ie

, espérons une belle question facile pour quelqu'un :)DIV débordement/barres de défilement/chrome/ff/ie

J'ai une bande de galerie de photo qui charge une image principale dans la DIV ci-dessus. La bande de la galerie apparaît bien dans Chrome, mais dans IE et FF, les barres de défilement n'apparaissent pas et la galerie se déploie verticalement, quelqu'un peut-il aider? Merci d'avance! :)

Voici la page http://www.militarysilver.co.uk/military-silversmith-gallery.php

Merci beaucoup, Dan

Source

2010-11-14 Dan

Vous devez définir une largeur div.container autre que l'automobile. Une largeur fixe assurera que les éléments de la liste imbriquée ne seront pas envelopper sur le bord du navigateur (auto dans votre cas fait référence à 100% de la largeur du navigateur) plutôt que sur le pixel 2048 (si vous définissez cette largeur).

Espérons que cela clarifie les choses. aefxx

Source

2010-11-14 13:05:44 aefxx

Merci aefxx !!! Tu es une étoile! :) – Dan

Ceci est mauvais. Dans Safari et Firefox, toute la largeur du conteneur est affichée, ce qui conduit à une barre de défilement plus grande que nécessaire avec la moitié du conteneur vide. Regardez ma solution ci-dessous. –

Evan a raison, si vous ne voulez pas qu'une largeur fixe soit définie et que la galerie s'étende dans la mesure où les éléments de liste sont présents, utilisez son approche. +1 de moi: D – aefxx

Retirez le float de votre style li dans votre CSS et le remplacer par display:inline. Placez overflow-x:scroll à l'intérieur de la classe gallerystrip. Cette méthode ne nécessite pas de largeur définie et ne produit pas d'effets indésirables.

Espérons que cela aide.

Source

2010-11-14 13:10:47

DIV débordement/barres de défilement/chrome/ff/ie

Répondre

Questions connexes