Position: Absolute
bluenette
Messages postés
213
Date d'inscription
Statut
Membre
Dernière intervention
-
dariumis Messages postés 571 Date d'inscription Statut Membre Dernière intervention -
dariumis Messages postés 571 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Position: Absolute
- Ma position - Guide
- Suivi position google - Guide
- Partage position whatsapp - Guide
- Position gps - Guide
- Comment envoyer sa position par sms - Accueil - Téléphones
5 réponses
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.
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.
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.
tout recoder??? non peut etre juste le css.
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.
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.
Après c'est à toi de positionner l'image ou tu le souhaites, et je penses que pour sa tu dois revoir entièrement ton css, de plus je vois que ton contenu texte ce sont des images, je te le déconseille, car si tu souhaites référencer ton site internet par la suite, tu ne pourra tout simplement pas, car tu n'auras pas de texte, et les robots ne lisent pas les images, donc je te conseil également d'écrire le texte en html et css plutôt que de le mettre dans une image..
Autre chose tu peux maintenant enlever les z-index, car il ne fonctionne seulement si une position qu'elle soit relative ou absolute est déclaré
Autre chose tu peux maintenant enlever les z-index, car il ne fonctionne seulement si une position qu'elle soit relative ou absolute est déclaré
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question