CSS - Comment faire pour supprimer 2ème barre de défilement verticale sans rien changer d'autre?
Je suis en train d'essayer de se débarrasser d'une distinctement indésirables deuxième barre de défilement verticale qui est apparu sur cette page, je mets ensemble, voir http://abchealth.info/doc-mike-special/test3/.
Mes recherches m'a conduit à essayer de retirer le "débordement" de mon CSS, mais cela absolument saccagé ma disposition, je suis à la recherche d'une solution qui supprime l'intérieure de la barre de défilement verticale sans rien changer d'autre...
J'aimerais beaucoup avoir votre aide, merci!
Voici mon CSS:
/* Generated by KompoZer */
body {
background-image: url(http://abchealth.info/images/bg.png);
}
html, body {
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;
}
div#wrap {min-height: 100%;}
div#mastercontainer {
overflow:auto; width: 100%;
height: 100%;
min-height: 100%;
}
div#header {
background-image: url(http://abchealth.info/images/header-bg.jpg); background-repeat:
repeat-x;
position: top; height: 96px;}
div#content {
}
div#innercontentmiddle {
margin: 0 auto;
width: 540px;
padding:10px; padding-bottom:510px;}
div#footerclear {
}
div#footer {
position:relative; margin-top: -510px; height: 510px; clear:both;
background-image: url(http://abchealth.info/images/footer-bg.jpg); background-repeat:
repeat-x;}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}
Sur votre #mastercontainer, le changement "overflow:auto;" "overflow:none;" et cela devrait fonctionner.
De ne pas être trop critique, mais votre page pourrait se tenir un peu de ménage. Votre
Merci Kyle, qui a fait le tour! @eaj, j'apprécie votre commentaire, je suis un flagrant amateur et après j'ai suivi sur 5 méthodes ici jusqu'à ce que j'ai finalement obtenu mon pied de page pour obtenir collant - sans beaucoup de nettoyage dans l'entre - je sais que cela doit être vrai sale sous ma capuche, et votre commentaire points de moi dans le bon sens, merci. Surtout que les voyous de la feuille de style doit être chassé vers le bas maintenant.
voulez-vous avoir la gentillesse et être plus précis sur la feuille de style de questions pour m'aider à résoudre ce problème? a me étranges longue nuit déjà...que dois-je supprimer les principaux.css est appliqué une fois? Et j'ai trouver 2 autres feuilles de style mentionné entre la tête et le corps des balises, mais sont ceux qui ne sont pas partie d'un autre script? (lightbox) Ou ai-je raté un autre? Merci beaucoup!
L'ensemble de vos feuilles de style doivent être inclus par l'intermédiaire de
De ne pas être trop critique, mais votre page pourrait se tenir un peu de ménage. Votre
main.css
est arriver appliquée deux fois, et vous avez un parasite de la feuille de style de lien entre votre </head>
et <body>
balises. Vous ne savez jamais quand ce genre de choses vont à vis de quelque chose d'autre. (Je ferais gronder vous pour de trop nombreux style
attributs de trop, mais je soupçonne que la plupart de ceux qui ont été ajoutés par des scripts.) Encore une fois, je ne le mentionne parce que si vous cassez les normes, vous pouvez parfois obtenir le comportement bizarre.Merci Kyle, qui a fait le tour! @eaj, j'apprécie votre commentaire, je suis un flagrant amateur et après j'ai suivi sur 5 méthodes ici jusqu'à ce que j'ai finalement obtenu mon pied de page pour obtenir collant - sans beaucoup de nettoyage dans l'entre - je sais que cela doit être vrai sale sous ma capuche, et votre commentaire points de moi dans le bon sens, merci. Surtout que les voyous de la feuille de style doit être chassé vers le bas maintenant.
voulez-vous avoir la gentillesse et être plus précis sur la feuille de style de questions pour m'aider à résoudre ce problème? a me étranges longue nuit déjà...que dois-je supprimer les principaux.css est appliqué une fois? Et j'ai trouver 2 autres feuilles de style mentionné entre la tête et le corps des balises, mais sont ceux qui ne sont pas partie d'un autre script? (lightbox) Ou ai-je raté un autre? Merci beaucoup!
L'ensemble de vos feuilles de style doivent être inclus par l'intermédiaire de
<link ...>
balises à l'INTÉRIEUR du <head> </head>
bloc. Vous avez deux de ceux qui comprennent main.css
. Il semble que vous avez réussi à prendre soin de celui qui est tombé, après la clôture </head>
balise et l'ouverture <body>
.
OriginalL'auteur Michael Solomon | 2012-08-15
Vous devez vous connecter pour publier un commentaire.
changer cela: #mastercontainer {overflow:auto;} #mastercontainer {overflow: visible;}
Ce qui se passe est 'auto' utilise une barre de défilement si le contenu est trop grand pour le cadre. Aka div ou w/e besoins élargie pour éviter le défilement. Visible laisser déborder comme je pense que vous voulez. Soit visible ou même caché serait de travailler avec ce code-- css est tout au sujet de jouer autour et à l'expérimentation.
***La plupart des navigateurs offrent un plug-in appelé "FireBug' -> télécharger. Il vous permet de modifier le css etc de pages web lors de l'affichage. Très utile pour le style css des erreurs. Fortement recommandé pour des questions telles que ce.
Oui, les effets de débordement de caché/visible/aucun complètement dépendra de la mise en œuvre. Firebug est un excellent outil pour tester les changements rapides avec les feuilles de style css permet d'économiser beaucoup de temps pour peaufiner le style d'une page. Ensuite, vous pouvez simplement copier et passé au cours de la changé le code css de votre fichier! Content d'avoir pu aider. C'est un lien sympa pour expliquer la propriété plus: quackit.com/css/properties/css_overflow.cfm
OriginalL'auteur jos
Supprimer
overflow:auto
dediv#mastercontainer
.OriginalL'auteur Curt
Cela fonctionne
#mastercontainer { overflow: hidden; }
ou la solution ci-dessus fonctionne aussi.
OriginalL'auteur PJH
Si le problème est dû au format html, body { overflow-x: hidden;} puis essayez à l'aide de html, body{height: 100%;} il a bien fonctionné pour moi.
OriginalL'auteur Ali Sajid
Réglage overflow-y pour'hidden' peut dans de nombreux cas, supprimer la barre de défilement verticale. Comme on peut le paramètre "visible" parce que cela signifie que le trop-plein est visible, ce qui signifie pas besoin de faire défiler, de sorte que les barres de défilement ne sont pas visibles.
Personnes cependant ne fonctionnent pas toujours, à cause de ce qui est dit à https://developer.mozilla.org/en-US/docs/Web/CSS/overflow :
"Afin de débordement pour avoir un effet, le bloc conteneur de niveau doivent avoir une hauteur (height et max-height) ou des blancs de l'espace mis à nowrap."
Le lien ci-dessus est une bonne ressource pour essayer de comprendre comment "débordement" des œuvres en général, il n'est pas aussi simple que vous pourriez espérer.
Par exemple, une autre note, à partir de là:
"Définissant un axe visible (par défaut) pendant le réglage de l'autre à une valeur différente de résultats visibles à se comporter comme auto".
OriginalL'auteur Panu Logic