[CSS]Aligner les div suivant la résolutation d'écran

Bonjour,

J'ai crée mon Cv en ligne (http://marie.montigny.free.fr) mais petit probléme, avec ma résolution (1280*1024) c'est tout beau, bien aligné et tout, mais quand on passe avec une résolution inférieure (ce qui est le cas de la plupart des internautes), tout ne rentre plus dans la fêntre.

:arrow: Y'a-t-il moyen d'intégrer du javascript par exemple dans ma feuille de style CSS afin d'ajuster la fenetre du milieu suivant la résolution de l'utisateur :?:

:arrow: Autre petite question, j'ai été "obligée" de mettre mes différents cadres en position absolue car sinon, chaque nouveau cadre ne se mettait pas bien en forme. Comme faire pour (tout en gardant la disposition actuelle) les mettres en positions relatives les un par rapport aux autres :?:

Merci
Marie

Salut,

Citation:

Envoyé par mmontig

J'ai crée mon Cv en ligne (http://marie.montigny.free.fr) mais petit probléme, avec ma résolution (1280*1024) c'est tout beau, bien aligné et tout, mais quand on passe avec une résolution inférieure (ce qui est le cas de la plupart des internautes), tout ne rentre plus dans la fêntre.

Je crois qu'il va falloir que tu reprennes tout à zéro, pour la construction de ton site, il faut se baser sur une résolution de 800*600, c'est à dire avec un body d'environ 770px de largeur, cela devrais être correct.

Citation:

Envoyé par mmontig

Y'a-t-il moyen d'intégrer du javascript par exemple dans ma feuille de style CSS afin d'ajuster la fenetre du milieu suivant la résolution de l'utisateur

Non, puis même si c'était possible, je te le déconseillerais fortement, pas mal d'internautes désactivent le javascript., moi y compris :mouarf:

Citation:

Envoyé par mmontig

Autre petite question, j'ai été "obligée" de mettre mes différents cadres en position absolue car sinon, chaque nouveau cadre ne se mettait pas bien en forme. Comme faire pour (tout en gardant la disposition actuelle) les mettres en positions relatives les un par rapport aux autres

Bah, tout dépend de ce que tu veux obtenir réellement.

:wink:

Bon et bien résolu ;)

Pour info, j'ai rajouté un conteneur et mis en % toutes mes div...

Citation:

.conteneur
{
position: relative;
/*top, droite, bas, gauche */
margin: 6px 25px 6px 25px;
}

Dans chaque div, seul ces paramétres là on été mis pour leur positionnement :

Citation:

position: absolute;
left: 0;
width: 15%;
padding:5px;

15% pour celles sur les cotés, et 60% pour celle du milieu.

Dans le Html

Citation:

<div class="conteneur">

<div class="oeil">
...
</div>



<div class="roseGauche">
...
</div>



<div class="rose">
...
</div>



<div class="news">
...
</div>



<div class="bas">
...
</div>

</div>

Voila bonne continuation.

et la balise "résolu" alors ? ça évite de venir voir si on peut aider pour rien :p

Citation:

Envoyé par Romalafrite

et la balise "résolu" alors ? ça évite de venir voir si on peut aider pour rien :p

Désolée j'ai zappé, j'ai mis ma réponse et j'ai oublié de la faire par la suite!

D'ailleur, ce n'est pas pratique qu'il n'y ait pas une case à cocher résolue dans les options lors du post d'un message... Si un modérateur voit cet appel ;)