Salut,
Comment faire pour que le scrollbar de mon DIV reste fixe en bas du navigateur, quelque soit la taille de la fenetre du browser ??
Actuellement mon DIV "contenu" possede une hauteur de 100% et pourtant le scrollbar descend en dessous de la fenetre du browser (donc une partie invisible)
Voici mon site www.gendron.fr.vu
Merci de votre aide
Pat
Version complète: sur le forum Webmaster Hub : scrollbar fixe
bin c'est pasque tu as mis trop de contenu. le div a beau faire 100%, si le contenu texte et image dépasse il se met en scroll à moins que tu ne lui demande de cacher (hidden) ce qui dépasse (overflow).
donc overflow=hidden devrait te convenir mais n'oublie pas que le contenu dépassant ne sera jamais vu...
donc overflow=hidden devrait te convenir mais n'oublie pas que le contenu dépassant ne sera jamais vu...
Salut Beatnykk,
Oui ca j'ai bien compris
mais comment forcer le DIV a se trouver en bas du navigateur pour qu'on puisse voir l'onglet "descendre" du scrollbar.
Sur mon site l'onglet en question est en dehors de la zone visible du navigateur !!!
Oui ca j'ai bien compris
mais comment forcer le DIV a se trouver en bas du navigateur pour qu'on puisse voir l'onglet "descendre" du scrollbar.Sur mon site l'onglet en question est en dehors de la zone visible du navigateur !!!
j'ai rien compris à ton problème, j'en ai peur 
Si tu regarde sur mon site,www.gendron.fr.vu , le scrollbar de droite "qui appartient " a ma DIV "contenu" n'est pas bien dimensionne ( l'onglet pour pouvoir descendre l'ascenseur, n'est pas visible).
Je voulais savoir la methode, qui permet de dimensionner le scrollbar par rapport a la fentre du navigateur ??
prochaine etape, le dessins !!!!
il s'agit donc de la zone utilisant la feuille css
déjà ce serait "absolute" pour commencer. ça donne quoi quand tu changes ?
CITATION
position: absolue;
margin-left: 172px;
width: auto;
height: 100%;
background-color: transparent;
background: none;
padding-left: 10px;
overflow: auto;
margin-left: 172px;
width: auto;
height: 100%;
background-color: transparent;
background: none;
padding-left: 10px;
overflow: auto;
déjà ce serait "absolute" pour commencer. ça donne quoi quand tu changes ?
CITATION(Exolon @ jeudi 08 avril 2004, 16:48)
le scrollbar de droite "qui appartient " a ma DIV "contenu" n'est pas bien dimensionne ( l'onglet pour pouvoir descendre l'ascenseur, n'est pas visible).
Soir
J'ai un blème, j'comprends rien et je vois rien.... des pb dont tu causes....
Je suis avec firefox....
Vais encore vérifier avec les autres... mais je crois qu'il faut tester avant tout avec mozilla ou firefox...
Dino
Pas le temps d'en faire bcp ce matin, mais la page-test est inconsultable dans Opera (7.50 preview 3), qui ne donne aucun scroll et n'affiche pas le texte de contenu. Un peu brutalement dit, je n'ose pas penser à ce que ça donne dans un navigateur texte, un lecteur d'écran, un robot de moteur de recherche...
En fait, ce serait bien de partir, déjà, d'un code HTML plus "propre" et plus proche de la validité. Es-tu intéressé ?
Et puis, décider en connaissance de cause pour les bidules qui bougent : c'est totalement inaccessible pour x% des utilisateurs, et les mesures d'accessibilité sont plutôt lourdes à mettre en oeuvre pour ça.
Franchement, la page serait plus attractive sans le flash (c'était bien du flash, il me semble ?)...
En fait, ce serait bien de partir, déjà, d'un code HTML plus "propre" et plus proche de la validité. Es-tu intéressé ?
Et puis, décider en connaissance de cause pour les bidules qui bougent : c'est totalement inaccessible pour x% des utilisateurs, et les mesures d'accessibilité sont plutôt lourdes à mettre en oeuvre pour ça.
Franchement, la page serait plus attractive sans le flash (c'était bien du flash, il me semble ?)...
Salut ,
Beatnykk, j'ai exactement ca dans ma feuille de style.
LaurentDenis a ecrit:
Oui je suis interresse, mais je ne penses pas que mon probleme pour l'instant vienne du cote HTML . Je ne pensais pas que c'etait aussi dur de faire des pages compatible avec tous les navigateurs.
Je penses que je vais avoir du boulot
Mais d'ou peut venir mon probleme de scrollbar ???
Beatnykk, j'ai exactement ca dans ma feuille de style.
LaurentDenis a ecrit:
CITATION
En fait, ce serait bien de partir, déjà, d'un code HTML plus "propre" et plus proche de la validité. Es-tu intéressé ?
Oui je suis interresse, mais je ne penses pas que mon probleme pour l'instant vienne du cote HTML . Je ne pensais pas que c'etait aussi dur de faire des pages compatible avec tous les navigateurs.
Je penses que je vais avoir du boulot
Mais d'ou peut venir mon probleme de scrollbar ???
Bon, j'étais un peu à côté de la plaque...
Si je comprends bien (ou alors je deviens fou) tu fais avec des frames.
Il y a peut-être un shmilblick entre tes frames et le css. (la scroll des frames et la scroll générée par le css quand on le lui demande)
Mais je le dis avec beaucoup, beaucoup de prudence.... et je reste très modeste dans ma réponse...
... mais avec ma réponse, je réagis un peu en "monde incertain"
Dino
Si je comprends bien (ou alors je deviens fou) tu fais avec des frames.
Il y a peut-être un shmilblick entre tes frames et le css. (la scroll des frames et la scroll générée par le css quand on le lui demande)
Mais je le dis avec beaucoup, beaucoup de prudence.... et je reste très modeste dans ma réponse...
... mais avec ma réponse, je réagis un peu en "monde incertain"
Dino
c'est avec des DIV CLASS que je fais mes calques, c'est peut etre l'autre nom de la FRAME ?!? 
serieusement, je ne comprends pas mon probleme.
J'ai creee un bloc conteneur de 100 % aussi bien en hauteur qu'en largeur. Et dedans j'y ai incorpore 3 DIV, un DIV "header" un DIV "menu" et un DIV "contenu" ( celui qui me pose probleme).
Je vais mettre ma feuille de style en fichier joint.
Si ca peut aider
serieusement, je ne comprends pas mon probleme.
J'ai creee un bloc conteneur de 100 % aussi bien en hauteur qu'en largeur. Et dedans j'y ai incorpore 3 DIV, un DIV "header" un DIV "menu" et un DIV "contenu" ( celui qui me pose probleme).
Je vais mettre ma feuille de style en fichier joint.
Si ca peut aider
CITATION
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #fff;
overflow: hidden;
}
.conteneur {
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
background: url(images/menu.gif);
overflow: hidden;
}
.header {
height: 137px;
background-color: #006400;
}
.menu {
position: absolute;
left:0px;
width: 172px;
height: 100%;
background-color: transparent;
background: none;
}
.contenu {
position: absolue;
margin-left: 172px;
width: auto;
height: 100%;
background-color: transparent;
background: none;
padding-left: 10px;
overflow: auto;
}
a.vertical {
color: white;
background-color: #996600;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 1px;
border: 2px outset #c0c0c0;
display: block;
width: 150px;
font-size: 12px;
}
a.vertical:hover {
background-color: #6495ED;
border: 2px inset #c0c0c0;
}
}
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #fff;
overflow: hidden;
}
.conteneur {
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
background: url(images/menu.gif);
overflow: hidden;
}
.header {
height: 137px;
background-color: #006400;
}
.menu {
position: absolute;
left:0px;
width: 172px;
height: 100%;
background-color: transparent;
background: none;
}
.contenu {
position: absolue;
margin-left: 172px;
width: auto;
height: 100%;
background-color: transparent;
background: none;
padding-left: 10px;
overflow: auto;
}
a.vertical {
color: white;
background-color: #996600;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 1px;
border: 2px outset #c0c0c0;
display: block;
width: 150px;
font-size: 12px;
}
a.vertical:hover {
background-color: #6495ED;
border: 2px inset #c0c0c0;
}
}
Bon, je réponds du tac au tac....
Tu sais, je découvre aussi les css, donc, modération....
Mais pourquoi tu mets overflow: auto dans .contenu ?
Perso, j'aime pas trop les auto... mais bon, je débute...
as tu essayé les autres possibilités ?
Dino
Tu sais, je découvre aussi les css, donc, modération....
Mais pourquoi tu mets overflow: auto dans .contenu ?
Perso, j'aime pas trop les auto... mais bon, je débute...
as tu essayé les autres possibilités ?
Dino
Bonjour Exolon,
Il manque 2 classes dans ta feuille de style : frame et footer
Il manque 2 classes dans ta feuille de style : frame et footer
Dinostrate a ecrit:
Par ce que c'est ca qui marche le mieux !!!
J'ai essaye avec les autres, mais rien qui marche mieux que auto .
Monique a ecrit:
Bonjour Monique,
Oui je sais, j'ai fais les modifs, mais ca ne vient pas de la
J'ai modifie sur mon site en ligne pour une resolution de 1024x768 , la position de ma DIV "contrenu" pour que le scrollbar prenne toute la hauteur a gauche de mon navigateur.
Par contre lorsque je passe en 1151x864 le scrollbar n'e prends plus toute la hauteur gauche.
Pourquoi ??? pourquoi ?????
CITATION
Bon, je réponds du tac au tac....
Tu sais, je découvre aussi les css, donc, modération....
Mais pourquoi tu mets overflow: auto dans .contenu ?
Tu sais, je découvre aussi les css, donc, modération....
Mais pourquoi tu mets overflow: auto dans .contenu ?
Par ce que c'est ca qui marche le mieux !!!
J'ai essaye avec les autres, mais rien qui marche mieux que auto .
Monique a ecrit:
CITATION
Il manque 2 classes dans ta feuille de style : frame et footer
Bonjour Monique,
Oui je sais, j'ai fais les modifs, mais ca ne vient pas de la
J'ai modifie sur mon site en ligne pour une resolution de 1024x768 , la position de ma DIV "contrenu" pour que le scrollbar prenne toute la hauteur a gauche de mon navigateur.
Par contre lorsque je passe en 1151x864 le scrollbar n'e prends plus toute la hauteur gauche.
Pourquoi ??? pourquoi ?????
Parfois, on fait de grosses bourdes et personne ne s'en aperçoit, même pas moi dans une première observation.....
Je sais pas si tu l'as vu, mais toujours dans .contenu
...tu as écrit absolue et pas absolute
Tiens nous au courant....
Dino
Je sais pas si tu l'as vu, mais toujours dans .contenu
...tu as écrit absolue et pas absolute
CITATION
.contenu {
position: absolue;
position: absolue;
Tiens nous au courant....
Dino
Ah oui, y a eu boulette là !!!
Mais j'ai vire la commande Position !!!! en faite elle ne devait pas servir !!!
J'ai resolu mon probleme de scrollbar, j'ai placé mes blocs avec de % et non en pixels !!!
le scrollbar ce redimensionne en fonction de la taille de la fenetre maintenant.
Mon autre probleme maintenant c'est que sous Firefox et Opera, je n'ai pas mon contenu scrollable.
Existe t'il un site ou un post parlant concretement des pieges a eviter afin d'etre compatible.
Mais j'ai vire la commande Position !!!! en faite elle ne devait pas servir !!!
J'ai resolu mon probleme de scrollbar, j'ai placé mes blocs avec de % et non en pixels !!!
le scrollbar ce redimensionne en fonction de la taille de la fenetre maintenant.
Mon autre probleme maintenant c'est que sous Firefox et Opera, je n'ai pas mon contenu scrollable.
Existe t'il un site ou un post parlant concretement des pieges a eviter afin d'etre compatible.
CITATION(Exolon @ dimanche 11 avril 2004, 18:44)
J'ai resolu mon probleme de scrollbar, j'ai placé mes blocs avec de % et non en pixels !!!
Comme tu le dis maintenant, ça me semble évident....
En fait, perso, j'ai débuté les css en raisonnant tout de suite en relatif....;
J'ai bien l'impression que plus on est dans le relatif, et mieux ça va....
Non seulement pour l'adaptabilité à l'écran, mais aussi pour la conception....
Quand je vois des absolute ou des px, je n'ose pas moufter....
Pour les sites, t'as le meilleur, mais tu le connais peut être déjà....
http://openweb.eu.org/
T'as aussi un tuto pas mal du tout sur le site d'un membre du hub : alsacreations.com
et n'oublies surtout pas les conseils de monique sur le hub...
après, tu dois faire des essais.... d'abord mozilla ou firefox, puis opera, et enfin ie....
<edit Dino> l'ordre est impératif</edit>
Dino
Merci Dinostrate, je vais suivre tes conseils.
Je vais faire un tour sur ce site que je connais, je vais le parcourir plus profondement
De toute facon si j'ai des problemes, je sais ou venir
Merci de t'etre penche sur mon probleme.
a+
Je vais faire un tour sur ce site que je connais, je vais le parcourir plus profondement
De toute facon si j'ai des problemes, je sais ou venir
Merci de t'etre penche sur mon probleme.
a+
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.