Accueil > Forum > > > > problème de scrollbar
problème de scrollbar
dimanche 13 mars 2005 à 17:32:06 |
problème de scrollbar

3xodius55
|
hello tout le monde,
j'ai un affreux problème : je n'arrive pas à mettre de scrollbar sur mon site.
j'ai créé un style overflow
j'ai essayé :
overflow:auto; ou
overflow:hidden; ou
overflow:inherit; ou
overflow:scroll; ou
overflow:visible;
et rien n'y fait (peut etre une combinaison de ces styles) .
auriez vous une autre solution?
merci d'avance 
|
|
dimanche 13 mars 2005 à 21:48:12 |
Re : problème de scrollbar

JeanPoldeux
|
Salut
Voilà ce que un extrait d'une css que j'ai écrite pour avoir un bloc "corps" qui soit scrollable.
body
{
/* Size and position for MS IExplorer */
margin:0;
padding-top: 56px ;
padding-right: 0;
padding-bottom: 25px;
padding-left: 155px;
overflow:hidden;
}
div#content
{
/* Size and position for MS IExplorer */
height: 100%;
overflow:auto;
}
/* For other browser */
html>body
{
/* Size and position */
padding: 0;
margin: 0;
height: 100%;
width: 100%;
overflow: auto;
}
body>div#content
{
width: 80%;
height: auto;
position: relative; /* In stream position */
left: 160px;
top: 51px;
padding-left: 2px;
padding-top: 2px;
min-height: 100%;
overflow: hidden;
}
Les valeurs de padding et margin ne seront sans doute pas utiles
puisque je les utilises pour créer une bannière et un pied de page fixe
ainsi qu'un menu déroulant fixe également.
Jean Poldeux
Every problem has a solution. The difficulty is to find it. 
|
|
lundi 14 mars 2005 à 08:48:27 |
Re : problème de scrollbar

3xodius55
|
salut jeanpol2, je te remercie pour ton code mais helas je suis debutant et n'ai pas tout compris div#content --> 1ere chose que j'ai pas compris.... html>body --> je ne connais pas non plus cette syntaxe, est-ce que c'est celle de tous les navigateurs (excepté IE) ?
je te remercie d'avance pour tes explications.  a+
|
|
lundi 14 mars 2005 à 09:39:17 |
Re : problème de scrollbar

arnal69130
|
overflow, c'est bien, mais il faut que le bloc soit en position:absolute ;o)
|
|
lundi 14 mars 2005 à 18:17:35 |
Re : problème de scrollbar

3xodius55
|
salut arnal, merci de ta reponse, je vais essayer dès maintenant. par contre tu pourrais m'expliquer pourquoi?  merci d'avance +
|
|
lundi 14 mars 2005 à 18:43:43 |
Re : problème de scrollbar

3xodius55
|
bon ben en fait sa change pas grand chose de mettre en position:absolute  desfois que vous trouviez une autre solution, je suis à l'ecoute de tout ce qui se propose à moi
|
|
lundi 14 mars 2005 à 20:24:58 |
Re : problème de scrollbar

JeanPoldeux
|
Une explication claire et détaillée pour tout niveau est
disponible à cette adresse et est vraiment très bien faite pour
réaliser la mise en page web grâce aux feuilles de styles.
http://www.openweb.eu.org/css/
Jette un coup d'oeil.
Sinon, le problème du positionnement et de tout ce qui en découle comme
les scrolls, dépend de l'implementation que font les navigateurs des
standards du web. Et comme dans beaucoup de domaine, une page qui donne
vraiment bien sur MS Explorer sera illisible sur Firefox ou Netscape.
C'est pourquoi il y a deux définitions. La première est lue par tous
les navigateurs, la seconde par tous excepté Explorer.
Une autre ressource : http://css.alsacreations.com/
|
|
lundi 14 mars 2005 à 20:33:19 |
Re : problème de scrollbar

JeanPoldeux
|
La définition s'utilise comme ceci :
en déclarant le CSS dans le header:
<head>
<style>
body
{
/* Size and position for MS IExplorer */
margin:0;
overflow:hidden;
}
/*------------------*/
/* Page body */
/*------------------*/
div#content
{
/* Size and position for MS IExplorer */
height: 100%;
overflow:auto;
}
/* ------------------------------------------------------ */
/* Size and position for other browsers than MS IExplorer */
/* ------------------------------------------------------ */
html>body
{
/* Size and position */
padding: 0;
margin: 0;
height: 100%;
width: 100%;
overflow: auto;
}
body>div#content
{
height: auto;
position: relative; /* In stream position */
left: 160px;
top: 51px;
padding-left: 2px;
padding-top: 2px;
min-height: 100%;
overflow: hidden;
}
</style>
</head>
En l'utilisant dans le corps:
<body>
<div class="content">
<!-- mes balises HTML du corps de la page -->
</div>
</body>
|
|
mardi 15 mars 2005 à 20:20:31 |
Re : problème de scrollbar

Anthomicro
|
Salut,
<style type="text/css">
</style>
etc...
On précise le type de style dans la balise style.
a +
|
|
mardi 15 mars 2005 à 22:03:30 |
Re : problème de scrollbar

JeanPoldeux
|
En effet, dans les balises <style></style>,
tu définis les différents styles que tu souhaites utilisés au sein de
ta page html.
Tu les utilises en stipulant l'attribut id ou class des balises
HTML(<body><table><span>etc.) selon ce que tu
as définis comme styles.
Une autre technique très utile si tu utilises les mêmes styles sur
plusieurs pages est de les placer dans fichier différent d'extension
.css("monstyle.css") et de l'inclure dans ta/tes page(s) par:
<head>
<link rel="stylesheet" type="text/css" href="monstyle.css">
</head>
Hope it'll helps
|
|
Cette discussion est classée dans : problème, scrollbar, overflow
Répondre à ce message
Sujets en rapport avec ce message
Problème de scrollbar [ par devil_recycler ]
Bonjour à tous !Je souhaite afficher une image dans une nouvelle fenêtre, le problème c'est qu'elle ne contient pas de scrollbar. Donc comment peut on
Scrollbar inopportune [ par titia8000 ]
Bonjour, Voilà mon problème : Je suis entrain de coder un site internet en html, j'ai mis un arrière plan qui se répète verticalement. Pour qu'il s'
Problème d'exécution de balise dans div avec overflow-y (bug) [ par ICIoBRa ]
Salut à tous ! J'ai un petit souci avec une div quand j'ajoute dans la propriétée style "overflow-y: auto;", la balise contenue à l'intérieur de la d
problème de case a cocher [ par ikramta ]
bonjour tout le monde. j'ai un formulaire qui contient un nombre dynamique(qui n'est pas precis)de checkbox je veut en cliquant sur le bouton m'affich
overflow-y dans div et balises [ par ICIoBRa ]
Salut à tous ! J'ai un petit souci avec une div quand j'ajoute dans la propriétée style "overflow-y: auto;", la balise contenue à l'intérieur de la d
problème de requete de modification [ par ikramta ]
bonjour tout le monde mon problème est unpeut bizarre.j'ai récupéré mes i,formation de ma base je les apassé par l'intermediere de .je les récupéré ch
problème avec une variable pour passer d'une page à une autre [ par suethi75 ]
Bonjour tout le monde, Voici mon bout de code: Le Numéro du bijou
Connaitre la liste des Variables variables de ma page [ par lord1366 ]
Bonjour,J'ai besoin d'aide, voici mon problème :Je souhaite utiliser les variables variables pour un problème spécifique, voici un exemple.$var = "Var
Problème if vérification variable [ par MeTaLLeu62 ]
Bonjour,J'ai un petit problème de code en faite je voudrai en fonction d'une variable exécuter une suite de codevoici le code: if($_SESSION['admin_lan
problème de mysql et la langue arabe [ par ikramta ]
salut tout le monde.bon j'ai cré ma base mysql a l'aide de easyphp.je veut inseré des enregistrements en langue arabe.mais l'interface de easyphp me l
Livres en rapport
|
Derniers Blogs
ROSLYN FLUENT APIS: ROSLYNHELPER NUGET PACKAGEROSLYN FLUENT APIS: ROSLYNHELPER NUGET PACKAGE par Matthieu MEZIL
Si vous utilisez Roslyn et que vous vous voulez vous simplifier le code du code rewriter, je vous conseille d'installer mon NuGet package RoslynHelper ....(read more) ...
Cliquez pour lire la suite de l'article par Matthieu MEZIL POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|