Position: Absolute Fermé

Question

Bonjour, 

J'ai un énormeeeee problème! 

Le site que je viens de créer est quasiment achevé http://www.prettyme.fr sauf que,... en fonction du navigateur avec lequel on le regarde et d"un ordinateur à un autre, l'affichage beugue. Sur mon pc, tout est parfait, sur d'autres les photos se décalent empiètent sur le texte,..

La plupart de mes images sont en position : absolute, es-ce que cela vient de là? 

Que me faut-il faire?

Merci par avance pour votre aider, et surtout ne m'annoncer pas qu'il faut tout recodifier! Arfff

Lucy

Configuration: Windows Vista / Safari 534.16

Melooo · Answer

Salut,
Non je ne pense pas que tu es besoin de recodifier, mais ajuster ton code en fonction de plusieurs navigateurs,
en effet je viens de tester sous IE sur la page concept et l'image est sur le texte, je ne comprends pas pourquoi tu met un position absolute sur tes images ? étant donné que rien ne se superpose, tu pourrais juste faire pour ton image un margin-left tout simplement ce qui t'éviterai des soucis avec les navigateurs.

dariumis · Answer

Salut, les position absolute c'est compliqué faut s'en servir que quant c'est absolument nécéssaire comme la superposition de div, pour gerer les absolute vaut mieux utiliser les pourcentages pour les tailles les position...
 tout recoder??? non peut etre juste le css.

bluenette · Answer

Merci!

Alors exemple sur la page concept : http://www.prettyme.fr/concept.html

Je viens d'enlever la valeur absolute sur mon css : 
img#concept1
{
z-index: 20;
top : 13%;
margin-top : 50px;
border: none;
}
img#conceptin
{
top : 28%;
left : 03%;
border: none;
}
img#texteconcept
{
z-index: 20;
top: 22%;
left : 33%;
border: none;
}
img#marilyn
{
z-index: 20;
bottom: 15%;
margin-bottom : -45px;
left : 50%;
margin-left : -341px;
border: none;

Cela me semble beaucoup mieux, mais seul l'image id:marilyn, s'est du coup déplacé ver le haut de la page sans plus respecter les coordonnées css qui lui sont attribuées. Pourquoi?

Le reste fonctionne bien problablement car ils sont des deux blocs.

Utilisateur anonyme · Answer

salut,
il ne s'agit pas de l'attribut "position:absolute". Le problème est du à l'utilisation des attributs en pourcentages qui modifie l'affichage selon les resolutions d'ecran

bluenette · Answer

Hônnetement je ne comprends plus grand chose.

Que faut-il que je fasse pour que mon site, s'adapte à tous les navigateurs, toutes les résolutions, tailles d'écrans,... ?
http://www.prettyme.fr

Position: Absolute

5 réponses

Discussions similaires

Newsletters