28221 sujets

CSS et mise en forme, CSS3

Positionner un élément fixe

bonjour,

je ne suis il est vrai pas vien doué en css mais j'ai besoin de m'en servir ds un cadre precis . J'ai cherché la reponse sur l'article suivant http://www.openweb.eu.org/articles/initiation_absolue/ mais ça ne correspond pas à ce que je recherche.

mon probleme est de positionner un div ou je veux sur une page et qu'il survole tous les autres éléments (z index etc).
J'ai donc procédé comme suit :

<div class="blabla">
<img src="ruban.gif" alt="truc" />



ma class :

.blabla {
position: absolute;
top: 0px;
right: 100px;
z-index: 1;

}
</div>


sa marche pas mal sur ie ou le div survol par défaut tous les éléments (sur moz la mise en page est explosé j'essayerais apres de comprendre pourkoi).

Cependant cette solution n'est pas valable car lors d'un redimensionnement de page bein mon joli div il se decale avec. Normal me direz vous puisqu'il se sert du bord de page pour se positionner.

Comment faire donc pour que ce div reste la ou je lui dit de rester et que cela fonctionne sur ie/moz.

j'ai un petite idée sur la question mais je suis pas sur du coup.


d'avance merci.

++
heu en fait je pensais le positionner par rapport à un element deja "ancré"... et non par par rapport à la fenetre du browser... mais cela reste théorique. Je vais etre obligé de le rajouter cet element car il n'existe pas....

je pensais que ct la base de la mise en page css ce genre d'exercice. Smiley ohwell

je suis preneur de toutes solutions
presho a écrit :
je ne suis il est vrai pas vien doué en css mais j'ai besoin de m'en servir ds un cadre precis . J'ai cherché la reponse sur l'article suivant http://www.openweb.eu.org/articles/initiation_absolue/ mais ça ne correspond pas à ce que je recherche.

Bonjour,
Il me semble plus qu'utile de bien comprendre tous les positionnements possibles réalisables avec css avant de piocher tel ou tel positionnement pour un "cadre précis". Tu devrais nous soumettre du code ou une page en ligne pour une meilleur compréhesion; le contexte général de la page est une information importante pour être à même de te répondre. Smiley cligne

ps:merci d'utiliser les balises adéquates pour présenter des codes dans tes posts.
Et bien le contexte et la problématique sont simplissimes et peuvent
être résumés en une phrase.

comment placer un élément (en l'occurence une image) à un endroit
précis d'une page sans que le redimensionnement du navigateur ou le changement de résolution n'ai d'incidences sur son positionnement. (comme dans un tableau en somme).

N'ayant pas trouvé de solutions je n'ai pas de code à proprement
parlé, juste une ébauche mais le résultat est le contraire de ce que
j'attends, merci de votre aide.


<html>
<head>
<title>Document sans-titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.blabla {
position: absolute;
top: 0px;
right: 100px;
z-index: 1;

}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<div class="blabla">
<img src="ruban.gif" alt="truc" />
</div>
</body>
</html>
Sujet clos
Aller à