begin process at 2012 05 31 02:24:37
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive PHP

 > 

Archives

 > 

AU SECOURS !!!

 > 

problème de scrollbar


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Membre Club
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

Membre Club
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

Membre Club
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

    Membre Club
    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


    1 2

    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&eacute;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


    Nos sponsors


    Sondage...

    Comparez les prix

    CalendriCode

    Mai 2012
    LMMJVSD
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   

    Consulter la suite du CalendriCode

    A découvrir



     
    Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
    CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
    CodeS-SourceS.com© est une marque déposée tous droits réservés

    Google Coop CodeS-SourceS Google Coop CodeS-SourceS
    Temps d'éxécution de la page : 3,042 sec (3)

    Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales