Problème avec le positionnement des objet de mon site

Question

Bonjour, j'ai un soucis avec le cadrage de mon site.

En faites, je positionne par exemple une image en CSS avec :

position:absolute

top:20%



Le probl&#232;me c'est que si j'ai  la fen&#234;tre ouverte en grand, tout est bien cal&#233;, mais si je la r&#233;duit, tout se d&#233;calle.



J'aimerais donc savoir comment faites vous pour que tout les &#233;l&#233;ment
d'une page web soit  cadr&#233; quelque soit la taille de la fenetre.



Merci d'avance :) !

FhX · Answer

top:20%

Change ca en pixel, y'aura moins de probleme !
Sinon :
postion:fixed;

J_G · Answer

Salut, ma technique perso (enfin pas si perso que ça...) je positionne tous les éléments de la page les uns par rapport au autres... Je m'explique : Chaque élément (ou groupe d'éléments) et inclu dans un bloc ex : balise div, p, h1, h?, hr, ... ou tout autres balise dont avec le style display:block; (l'opposé est display:inline;) Ensuite, c'est éléments sont placé, soit à la suite les uns des autres (placement classique) OU Tu peux faire "voler" un éléments par dessus un autre....!?! pour cela, à la place de lui donner un style position:???; tu lui attribut float:right ou left; Avec ce systéme, chaque élément ce place là ou il peut dans la page. Par exemple, pour créer trois colones : Ce titre sera centré au dessus de tes trois blocs t texte colone 1 texte colone 2 texte colone 3

Ce paragraphe sera centré sous tes trois colones Si la fenêtre est trop petite pour accueillir les trois colones les une a côté des autres, les colones qui n'auront pas l'espace se glisseront en dessous. ce qui est pas mal... Sauf que si tu veux éviter ce comportement, tu défini la taille de ton ex : style="text-align:center;width:300px;overflow:auto;" Notes: *

est pour bien arréter le placement en colones * overflow:auto; apparition des ascenceurs si besoin Je te renvois sur ce très bon site : Openweb.eu.org Lis bien tout avec attention, les articles sont très très bien fait A+

J_G · Answer

milles excuses pour les nombreuses fautes d'orthographe.



Je ne me suis pas relu

coucou747 · Answer

salut



on ne mets pas :



 position:absolute

 top:20%



mais



 position:absolute;

margin-top:20%;


pour faire un code propre...


In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy

http://coucou747.hopto.org

J_G · Answer

FhX => position:fixed; n'existe pas sous IE (et c'est un grand grand mal !!!)

J_G · Answer

on ne mets pas :

position:absolute

  top:20%

mais

position:absolute;

 margin-top:20%;

pour faire un code propre..



   ??????????



A quoi peut bien servir de mettre une position absolue pour ne pas positionner son bloque par rapport aux cadres de la page ?



Si tu met une position absolue sans d&#233;finir sa position, elle reste
dans son bloc de d&#233;finition... alors autant la faire flotter (?)

coucou747 · Answer

EH ! t'as lu ce que j'ai écrit ??? j'ai ajouté les ; et le margin-obligatoires en CSS comme en PHP !!!!! In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy http://coucou747.hopto.org

Atomos83 · Answer

Merci pour toutes vos r&#233;ponse, je vais travailler dessus, je vous tien au courant :)

cs_Anthomicro · Answer

Coucou > tu peux très bien mettre left et top en CSS avec une position absolute ;-)

Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique

Codes-php.net

J_G · Answer

coucou747



=> le point virgule n'est pas obligatoire si il n'y a pas d'autre sp&#233;cification de style apr&#233;s



=> margin-top, padding-top et top sont trois choses compl&#232;tement diff&#233;rentes en css

Problème avec le positionnement des objet de mon site

10 réponses

Votre réponse

Discussions similaires