28173 sujets

CSS et mise en forme, CSS3

Aide pour "figer" ma page [résolu]

bonjour,
dsl de vous embeter avec cela mais j'avoue que j'ai du mal a definir simplement ma recherche. donc je vais essayer de vous l expliquer. De ce fait si quelqu'un peut soit m'aider en m'expliquant soit en m'indiquant un lien ou cela a été résolu je l'en remercierais.
Donc je suis en pleine creation de mon site internet mais j'apprends pour le moment a bien maitriser le format CSS, j'utilise pour cela l'editeur SeaMonkey. ma plate forme est un PC fonctionnant sous Window XP
le probleme auquel je suis confronté est que lorsque je veux voir ma page elle s'affiche sans probleme tant que je reste ouvert en "pleine page" par contre des que je reduit la fenetre, les texte et images "bougent" se qui fait que tout la présentation n'est plus lisible.

Je cherche donc a comprendre comment "figer" la position (il en résulte l'apparition des barres de défilement)

j'espere que cela est assez claire, si ce n'est pas le cas j'essairais de mieux expliquer
En vous remerciant pour votre réponse....
Modifié par leo-pantera (12 Jan 2008 - 18:50)
Bonjour,

Ça n'est effectivement pas assez clair, car sans aperçu de ton code ou mieux, lien vers la page, difficile de dire quoi que ce soit.

Au pif: je présume que tu as utilisé massivement le positionnement absolu, que tes blocs sont positionnés par rapport aux bords de la fenêtre et ont une largeur fixe en pixels.

Solution: apprendre le positionnement CSS, ne pas utiliser le positionnement absolu sans savoir exactement quels sont ses effets, ses usages intéressants et ses effets de bord problématiques.

Mais tout ça n'est que suppositions. Smiley cligne
salut florent, et bien en fait je penses que tu as mieux compris que je ne pouvais le croire oui le code est entierement en absolut...
je veux bien mettre le code mais bon il est long et en fait c'est surtout le code correspondant a l'un des exemple
si je ne me trompe pas c est celui ci code (voir dans la liste de ceux proposé)
15- Largeur fixe (750px) 5 zones centré avec menus flottants.
merci
Dans l'idéal, voici ce que l'on ferait:

- on laisserait tomber l'intégration réalisée jusqu'ici;
- on apprendrait les bases du positionnement CSS en gardant à l'esprit que le positionnement absolu est plutôt à utiliser en dernier recours...;
- on recommencerait une nouvelle intégration grâce aux connaissances acquises (on utiliserait sans doute float, avec parcimonie).

Pour la deuxième étape, on se référerait à ceci:
Initiation au positionnement CSS sur Openweb...
1. flux et position relative
2. position float
3. position absolue et fixe

Bien sûr, il est possible qu'on soit un peu pressé par le temps, ou qu'on souhaite juste corriger rapidement le rendu, et tant pis si le résultat n'est pas tip-top ou pas robuste. Pour cela, on procédera ainsi:

1. Je crée un conteneur global qui contiendra tous les autres éléments. 
<body>
<div id="global">
	...
</div><!-- #global -->
</body>

2. Je lui donne une largeur fixe et je le positionne en relatif. 
div#global {
	position: relative;
	width: 750px;
	margin: 0 auto; /* centrage horizontal */
}

3. Maintenant, div#global se comporte comme un référent pour le positionnement de ses enfants et descendants positionnés en absolu. J'adapte donc les «coordonnées» de ces éléments en me basant sur les bords de div#global.

Et voilà.
Ok merci pour la reponse,
maintenant je vais travailler la dessus.
bon ptre qu'au debut je vais deja travailler avec ce que j'ai deja fait. ca me permettra ptre de sortir mon site avant l'été...
mais tous les renseigement devraient m'aider a avancer
Sujet clos
Aller à