Comment j'ai supprimé le scroll horizontal ? Résolu

Michel Aix · Message par **Michel Aix** » 26 août 2009, 20:46

Bonjour !

Une question qui me fait honte, mais tant pis...

J'ai fait il y a qques années un site associatif, avec le support de certains d'entre vous, et maintenant je dois le refaire entièrement.
Ayant oublié beaucoup entre temps, je ne trouve pas comment j'ai pu faire en sorte que, en redimensionnant la fenêtre, toute la page avec body, tableau et DIV se réduise sans apparition de l'ascenseur horizontal.
Il me semble que width 100% devrait suffire, mais je ne l'ai pratiquement pas utilisé.
Le site est http://www.ufc-aix.org . Si qqu'un peut regarder mon oeuvre et me dire où se trouve le truc...

En contre-partie, il pourra lire des tas de documents utiles pour le consommateur !
Merci

Message par **Ymai** » 26 août 2009, 23:23

Bonjour
Il me semble que dans le cas d'espèce, le secret tient dans l'utilisation d'une technique simple: l'ensemble de la page est contenu dans un tableau.
Malheureusement, cet artifice doit être déconseillé pour d'autres raisons. Sous un titre provocant, le site suivant en donne une bonne poignée: http://www.cybercodeur.net/weblog/prese ... index.html .
Le code suivant permet de faire la même chose, de manière bien plus naturelle:

Code : Tout sélectionner

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body
style="border: 1px solid red; width: 80%; margin-left: auto; margin-right: auto;">
<br>
</body>
</html>

Ce serait encore mieux si les styles étaient définis dans une feuille externe. La largeur du <body> peut être quelconque, et la taille des marges laissées en "auto"

Michel Aix · Message par **Michel Aix** » 27 août 2009, 10:38

Merci Ymai

Le site de Seybold est très intéressant.

Ton exemple fonctionne bien, avec ton rectangle vide. Cependant j'ai essayé sur un texte bidon et si le rectangle se réduit avec la fenêtre, le texte qui est dedans, lui, ne se déplace pas. En outre je n'ai pas envie d'encadrer ma page.

Voilà le code

Code : Tout sélectionner

<html
 lang="fr-fr"><head><meta
 content="text/html; charset=ISO-8859-1"
 http-equiv="content-type"><title>Accueil</title><style
 type="text/css">
body {
border-style: solid;
border-width: 1px;
font-family: "Times New Roman",Times,serif;
color: black;
background-color: #f6f6f6;
margin-right: auto;
margin-left: auto;
font-size: 12px;
text-align: justify;
width: 80%;
}
</style></head><body style="direction: ltr;">iiiiiiiiiiiiiiwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww<br>
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</body></html>

Une autre question qui m'est venue en lisant le site de Seybold: que penser d'une mise en page faite à l'aide exclusive de DIV ? Ca parait plus dur à maintenir car le code d'un DIV peut se trouver n'importe où dans le source, mais c'est beaucoup plus souple.

Message par **Ymai** » 27 août 2009, 11:20

Michel Aix a écrit :Une autre question qui m'est venue en lisant le site de Seybold: que penser d'une mise en page faite à l'aide exclusive de DIV ? Ca parait plus dur à maintenir car le code d'un DIV peut se trouver n'importe où dans le source, mais c'est beaucoup plus souple.

Remplacer les tableaux par des "div" n'a pas beaucoup d'intérêt.
http://www.alsacreations.com/actu/lire/ ... s-div.html
La "vraie" structure du document doit se suffire à elle-même: titres, sous-titres,...

Michel Aix · Message par **Michel Aix** » 27 août 2009, 20:15

Ymai

Désolé, j'ai édité mon message depuis ta réponse, que je n'avais pas vue.

Pour les div versus tableaux, le site de Seybold auquel tu m'avais renvoyé dit le contraire d'Alsacréation
http://www.cybercodeur.net/weblog/prese ... edivs.html
Je pense qu'il faut raison garder et choisir les balises logiques pour ce que l'on veut faire.

Message par **Ymai** » 27 août 2009, 22:59

Michel Aix a écrit :Je pense qu'il faut raison garder et choisir les balises logiques pour ce que l'on veut faire.

Je crois que nous pourrons tomber d'accord.L'essentiel est de ne pas transformer chaque document en une soupe de div inutiles quand la structure est déjà soutenue par d'autres balises (hx, ul, p, ...)

Michel Aix · Message par **Michel Aix** » 28 août 2009, 10:26

Bon, on est d'accord.
Pourrrais-tu stp jeter un oeil sur mon message précédent (le 27 ) 10h38 ?
Ta proposition ne supprime pas le scroll quand il y a un texte...

Message par **Ymai** » 30 août 2009, 12:33

Bonjour

Michel Aix a écrit :Ton exemple fonctionne bien, avec ton rectangle vide. Cependant j'ai essayé sur un texte bidon et si le rectangle se réduit avec la fenêtre, le texte qui est dedans, lui, ne se déplace pas.

Je pense que le problème ne se présentera que pour des langues dont les mots ne sont pas séparés par des espaces ou des ponctuations.

En remplaçant "iiiiiiiiiiiiiiwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww" par "Longtemps, je me suis couché de bonne heure. Parfois, à peine ma bougie éteinte, mes yeux se fermaient si vite que je n'avais pas le temps de me dire : « Je m'endors. »", il me semble que c'est bon.

En outre je n'ai pas envie d'encadrer ma page.

Il suffit de supprimer les directives de style qui imposent l'encadrement

Code : Tout sélectionner

border-style: solid;
border-width: 1px;

Michel Aix · Message par **Michel Aix** » 01 sept. 2009, 14:07

Bonjour Ymai

Tu as raison, ça fonctionne avec des blancs entre les mots.
Dans ma page en cours d'élaboration, tout fonctionne comme je le désirais, en mode "fluide" comme défini dans
http://www.alsacreations.com/tuto/lire/ ... tions.html

Merci de ton aide.
Je vais essayer d'indiquer Résolu sur mon premier post.

Geckozone

Comment j'ai supprimé le scroll horizontal ? Résolu

Comment j'ai supprimé le scroll horizontal ? Résolu

Re: Comment j'ai supprimé le scroll horizontal ?

Re: Comment j'ai supprimé le scroll horizontal ?

Re: Comment j'ai supprimé le scroll horizontal ?

Re: Comment j'ai supprimé le scroll horizontal ?

Re: Comment j'ai supprimé le scroll horizontal ?

Re: Comment j'ai supprimé le scroll horizontal ?

Re: Comment j'ai supprimé le scroll horizontal ?

Re: Comment j'ai supprimé le scroll horizontal ?

Qui est en ligne ?