Discussion :

[elespanool]

Bonjour à tous,

Je suis nouveau sur ce site, et un jeune qui débute dans le développement web.
Je ne sais si cette discutions à eu lieu sur se forum.

Je code actuellement que en html css, et mon problème qui se pose c'est que quand la page prend toute la taille de l'écran tout est niquel, mais quand je commence à la retrécir ma page, sa devient du n'importe, rien n'est plus à sa place.

Alors ma question, s'il existerai pas un code css ou html ou autre, pour que tous les éléments de ma page reste fixe quand je diminue ma page ? Par exemple sur ce site : http://www.infinitylist.com/ Voilà lol

Merci de m'aider, et j'attend vos réponses avec impatience

Bonne journée à vous.

[ouldfella]

c'est simple il faut juste fixer les largeurs
par exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="monstyle"></div>

pour que cette div reste fixe il faut juste rajouter ce style
[code].monstyle {
width:960px;
}[/quote]
en conclusion ta div reste toujours à 960px même si tu retrécie l'écran, l’inconvénient dans ce cas tu auras une barre de défilement horizontal

dans le site que tu a donné il a utilisé cette div :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="page">

et il lui a définit ce style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
#page {
    background-color: #EDEDED;
    height: auto;
    margin: auto;
    min-height: 100%;
    position: relative;
    width: 1000px;
}

comme vous le constater il a fixer la largeur a 1000px
geénéralement entre 960 et 1024px pour adapter ta page à la plupart des écrans.

[elespanool]

Génial, merci pour ta réponse sa marche !