Barre de défilement sur la page
Résolu
Nowne
Messages postés
89
Date d'inscription
Statut
Membre
Dernière intervention
-
Nowne Messages postés 89 Date d'inscription Statut Membre Dernière intervention -
Nowne Messages postés 89 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Comment mettre une barre de défilement pour afficher l'intégralité de la page même lorsqu'elle est réduite.
Merci d'avance !
Comment mettre une barre de défilement pour afficher l'intégralité de la page même lorsqu'elle est réduite.
Merci d'avance !
A voir également:
- Barre de défilement sur la page
- Barre de défilement - Guide
- Comment supprimer une page sur word - Guide
- Windows 11 barre des taches a gauche - Guide
- Imprimer tableau excel sur une page - Guide
- Changer la couleur de la barre des taches - Guide
10 réponses
On peut poster des réponses super dure on a dix personnes qui répondent, mais pour un truc tout con y a personne ^^
Faut pas t'énerver, râler après n'avoir attendu qu'une demi-heure c'est pour le moins impatient !
Quand au truc tout con, il est effectivement tout con, les barres de défilement étant, sauf erreur de ma part, gérées automatiquement. J'ai dû mal comprendre...
Quand au truc tout con, il est effectivement tout con, les barres de défilement étant, sauf erreur de ma part, gérées automatiquement. J'ai dû mal comprendre...
Je suis tout à fait d'accord avec toi, faut pas s'énerver pour rien...
De plus, si tu as mal compris, nous somme deux, et si ce n'est pas de ça que Nowne veut parler, je pense qu'elle ferait bien de reformuler sa question (Et non "réponse", je cite ^^) afin que l'on puisse comprendre et apporter des réponses constructives.
Amicalement
De plus, si tu as mal compris, nous somme deux, et si ce n'est pas de ça que Nowne veut parler, je pense qu'elle ferait bien de reformuler sa question (Et non "réponse", je cite ^^) afin que l'on puisse comprendre et apporter des réponses constructives.
Amicalement
La barre de défilement est générée automatiquement.
Elle peut être forcée ou bloquée avec la propriété overflow
Elle peut être forcée ou bloquée avec la propriété overflow
Du calme mes amis, j'ai posté déjà un poste depuis 3h sans réponse, j'ai donc reformulé plus "simplement". Ma page s'affiche mais toute mes divs se croisent quand je réduit, moi j'aimerais plutot qu'une barre de défillement apparaissent, mais rien à faire et personnes pour répondre à ce problème tout simple, sur plusieurs forum ^^
Je suis donc toujours sur la piste en ésperant trouver car c'est extrêment embêtant ! :D
Par défaut, je me doute mais justement aucune barre ne s'affiche ! Snif ! Je suis perdu ! =/
Je suis donc toujours sur la piste en ésperant trouver car c'est extrêment embêtant ! :D
Par défaut, je me doute mais justement aucune barre ne s'affiche ! Snif ! Je suis perdu ! =/
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Si évidemment, j'avais pas fait attention
Voici une des pages incriminé :
http://nowne.olympe-network.com/Site/home_page/index.html
Voici une des pages incriminé :
http://nowne.olympe-network.com/Site/home_page/index.html
Avec Firefox, je ne vois pas de pb (en dehors des erreurs de codage), la page que tu proposes s'ajuste à l'écran sans chevauchements ???
L'adresse mail de connexion par défaut est même de très bon goût.
L'adresse mail de connexion par défaut est même de très bon goût.
En fait c'est quand tu réduis la page telliak. Au lieu de pleine écran, réduit la taille. Tu verra en fait que les divs (image, footer, header et etc.) vont tous se croiser. Un gros bor**l. Moi je voudrais que lorsque l'on réduit, arrivé à une certaine taille le navigateur affiche des barres de défilement.
J'ai vraiment du mal à comprendre ton code, tu a une façon de coder étrange, en vue de "l'énorme code" caché derrière l'aspect graphique "minimaliste" de ta page... Je pense que tu te complique la vie... Tiens un exemple :
Peut-être simplifié par :
Réalises-tu le gain de place dans ton code, si tu utilisais la seconde solution ?
Car en effet, ce n'était qu'un exemple, tu rallonges ton code à chaque ligne...
Moi je te conseille d'alléger ton code et de revoir le CSS, ensuite, tu verras, je pense que tu trouveras la solution par toi-même ;)
background-image: url('image.jpg');
background-repeat: no-repeat;
Peut-être simplifié par :
background: url('image.jpg') no-repeat;
Réalises-tu le gain de place dans ton code, si tu utilisais la seconde solution ?
Car en effet, ce n'était qu'un exemple, tu rallonges ton code à chaque ligne...
Moi je te conseille d'alléger ton code et de revoir le CSS, ensuite, tu verras, je pense que tu trouveras la solution par toi-même ;)
D'ailleur, je trouve que ton code html n'est pas très beau non plus, et dis moi, connais-tu la différence entre un id et une classe ?
Un id est unique dans ta page alors qu'une classe peut apparaître plusieurs fois dans la page, hors, dans ton code, ton pied de page est une classe. oO
Pourquoi pas ? Mais, c'est la première fois que je vois ça ^^
Un id est unique dans ta page alors qu'une classe peut apparaître plusieurs fois dans la page, hors, dans ton code, ton pied de page est une classe. oO
Pourquoi pas ? Mais, c'est la première fois que je vois ça ^^
Oui je connais la simplification Th3tagg3r, mais comme je débute, j'entre chaque commande pour bien savoir lesquels communique (pour le CSS). Et puis mon éditeur (Bluefish) à un mode de saisie automatique qui code rapidement (mais avec plus de texte).
De toute façon ce n'est qu'une ébauche, qui me sert notamment à remarquer les erreurs comme celle que tu cite et les corriger ensuite. =)
Pour le HTML que conseil tu ? =)
Niveau class/id je connais la différence, c'est juste que je ne vois pas tellement l'utilité de mettre forcement id pour une div qui ne vient qu'une fois. A moins qu'il y en ai une que je ne vois pas à part mettre 2 fois le même nom dans une div id et une class... Sinon voilà, j'avoue ne pas trop voir la différence/utilité... ^^
De toute façon ce n'est qu'une ébauche, qui me sert notamment à remarquer les erreurs comme celle que tu cite et les corriger ensuite. =)
Pour le HTML que conseil tu ? =)
Niveau class/id je connais la différence, c'est juste que je ne vois pas tellement l'utilité de mettre forcement id pour une div qui ne vient qu'une fois. A moins qu'il y en ai une que je ne vois pas à part mettre 2 fois le même nom dans une div id et une class... Sinon voilà, j'avoue ne pas trop voir la différence/utilité... ^^
Oui, après tout, c'est juste par principe...
Et puis d'ailleurs, en ce qui concerne ton problème, j'ai testé sur plusieurs de sites et même mon propre site, le problème sévit un peu partout... J'essaie en vain de trouver une solution, même si elle est évidente, mais le rendu ne serait pas du tout le même : associer des valeurs en pixels pour taille, puis contenir tous notre code dans un div auquel on associera, là encore une taille en pixels...
Seulement, ça ne ressemblera plus du tout à ce qu'on aimerait que ça ressemble...
Et puis d'ailleurs, en ce qui concerne ton problème, j'ai testé sur plusieurs de sites et même mon propre site, le problème sévit un peu partout... J'essaie en vain de trouver une solution, même si elle est évidente, mais le rendu ne serait pas du tout le même : associer des valeurs en pixels pour taille, puis contenir tous notre code dans un div auquel on associera, là encore une taille en pixels...
Seulement, ça ne ressemblera plus du tout à ce qu'on aimerait que ça ressemble...
Si tu as vu mon dernier commentaire tout en bas, grace à arthezius, j'ai trouvé une parade, du moins ce que je souhaitais faire. Mettre une taille minimal (pour permettre à la page de s'adapter à la taille de l'écran de l'utilisateur à 100% et d'avoir un minimum pour que tout ne se mélange pas).
Si tu cherche le même principe, au moins en secours, mets juste après <body> la balise
Et dans le CSS :
Tu peux changer la résolution minimal à ta guise ;)
Si tu cherche le même principe, au moins en secours, mets juste après <body> la balise
<div id="container">et ferme la juste avant de fermer le body
</div></body>
Et dans le CSS :
#container
{
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
min-height: 450px;
min-width: 800px;
}
Tu peux changer la résolution minimal à ta guise ;)
Voici le soucis dont je parle :
http://hpics.li/eab4348
Donc quand c'est assez grand, ca va, sinon quand c'est petit, ca casse...
http://hpics.li/eab4348
Donc quand c'est assez grand, ca va, sinon quand c'est petit, ca casse...
Oui enfin, là sur la capture, tu as redimensionner la fenêtre en environ 500x300px. Le jours où tu verra un écran avec cette résolution...
Même les netbook sont en 1024px de large... Prends toi pas la tête pour ça. Prends comme base une résolution en 1024x768px. On trouve quasi plus d'écran en dessous.
Même les netbook sont en 1024px de large... Prends toi pas la tête pour ça. Prends comme base une résolution en 1024x768px. On trouve quasi plus d'écran en dessous.
Ton footer est positionné en absolute et donc par rapport au bord de l'écran. Si tu scroll vers le bas, le footer remonte avec la page. Oublie le positionnement en absolute pour le footer.
En fait, plutôt que de placer chaque élément indépendamment en absolute, places les tous dans un div container que tu centres au milieu de la page. Places ensuite les éléments dedans en utilisant un float en cas de besoin. En bref, le positionnement du formulaire en absolute, t'empêche de placer le footer correctement à la suite.
En fait, plutôt que de placer chaque élément indépendamment en absolute, places les tous dans un div container que tu centres au milieu de la page. Places ensuite les éléments dedans en utilisant un float en cas de besoin. En bref, le positionnement du formulaire en absolute, t'empêche de placer le footer correctement à la suite.
Pouah merci de ta réponse arthezius, tu semble avoir saisie le problème !
Le soucis c'est que je ne t'ai pas complètement saisie...
J'ai bien compris qu'il faut placer le contenu dans un grand id="container", ce que j'ai fais...
Mais le reste je ne pense pas avoir compris. J'ai mis ceci :
Et ca MARCHE... Presque... J'ai une qui apparait pour faire défiler vers le haut (et afficher le CONNEXION, qui s'affiche trop haut...) -_-'
J'en suis pas loin...
Le soucis c'est que je ne t'ai pas complètement saisie...
J'ai bien compris qu'il faut placer le contenu dans un grand id="container", ce que j'ai fais...
Mais le reste je ne pense pas avoir compris. J'ai mis ceci :
#container {position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; min-height: 768px; min-width: 1024px;}
Et ca MARCHE... Presque... J'ai une qui apparait pour faire défiler vers le haut (et afficher le CONNEXION, qui s'affiche trop haut...) -_-'
J'en suis pas loin...
J'ai RÉUSSI ! \o/
J'ai diminué le minimum et tout passe nickel ! :D
Rah, je suis content, 2 semaines que je galère sur ca ! Et j'étais pas loin, j'avais fait pareil avec body, mais visiblement ca ne marche pas :)
Je mets résolu, mais j'aimerais en savoir plus sur ton idée arthezius. Si tu souhaite m'expliquer je suis preneur !
Encore merci !
J'ai diminué le minimum et tout passe nickel ! :D
Rah, je suis content, 2 semaines que je galère sur ca ! Et j'étais pas loin, j'avais fait pareil avec body, mais visiblement ca ne marche pas :)
Je mets résolu, mais j'aimerais en savoir plus sur ton idée arthezius. Si tu souhaite m'expliquer je suis preneur !
Encore merci !
