scrollbar fixe

[Exolon]

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

[Beatnykk]

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...

[Exolon]

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 !!!

[Beatnykk]

j'ai rien compris à ton problème, j'en ai peur

[Exolon]

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 !!!!

[Beatnykk]

il s'agit donc de la zone utilisant la feuille css

position: absolue;

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 ?

Modifié 8 Avril 2004 par Beatnykk

[Dinostrate]

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

[LaurentDenis]

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 ?)...

Modifié 9 Avril 2004 par LaurentDenis

[Exolon]

Salut ,

Beatnykk, j'ai exactement ca dans ma feuille de style.

LaurentDenis a ecrit:

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 ???

[Dinostrate]

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

[Exolon]

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

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;

} 

     

}

[Dinostrate]

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

[Monique]

Bonjour Exolon,

Il manque 2 classes dans ta feuille de style : frame et footer

[Exolon]

Dinostrate a ecrit:

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 ?

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:

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 ?????

[Dinostrate]

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

.contenu {

position: absolue;

Tiens nous au courant....

Dino

[Exolon]

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.

[Dinostrate]

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

[Exolon]

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+