Code CSS incompatibles navigateurs Fermé

Question

Bonjour,

J'essaye désespérément de mettre une simple image en fond pour une première page, juste une image, sans texte. Je veux juste qu'elle soit centrée verticalement et horizontalement. Quelque soit la définition de l'écran, si on scroll, qu'elle bouge en même temps et reste centrée. J'aimerai également que sa taille reste la même quelque soit le navigateur sur lequel on est.

Please, un code pour m'aider sachant qu'à l'heure actuelle, j'ai viré mes codes car aucun ne fonctionne et que la seule chose qui me reste est : "/image/premiere.jpg".

J'avais presque réussis avec un background, mais il ne fonctionnait que sur firefox.

(Mon html contient le code :        <img src="/image/premiere.jpg" alt="alternativtext" /> 
code que je peux bien entendu modifier. A l'heure qu'il est, l'image apparait belle et bien sur le site, mais à la manière des navigateurs.

Merci d'avance pour vos réponses.

lusitanio · Answer

Le plus simple est que tu donne ton code en entier.

Je sais par expèrience récente que ie n'aime pas les no-repeat dans le css pour les background image,
 ensuite pour ce qui concerne.

Dans le html tu a visiblement oublier de spécifier la taille et la hauteur de ton image ex:

<img src="/image/premiere.jpg" alt="alternativtext" width="500" height="200"/>

pour la largeur et la hauteur (en px) a toi de voir.

Je sais pas si ça peut t'aider...

Uchiha-Madara · Answer

Salut.

fait un tour sur ce site, je pense que tu trouveras ce que tu cherche : 
http://css.mammouthland.net/image-de-fond-background-css.php

Bon courage.

Agatowin · Answer

Bonjour, les background j'avais déjà fais, c'était même celui qui donnait un résultat positif, sauf que ça ne marchait pas sur tous les navigateurs. Ce que je comprends pas, c'est comment faire pour que l'image ne change pas. TDMC se fait tricoter alternativtext

CSS (le dernier code que j'ai essayé). #page { position:absolute; left: 50%; top: 50%; width: 770px; height: 500px; margin-top: -250px; margin-left: -385px; border: 1px solid #000; }

bg62 · Answer

margin-top: -250px;
margin-left: -385px; 
font que cela peut changer selon la résolution de l'écran qui va 'lire' ..

lusitanio · Answer

...et avec une position relative au lieu d'absolu et avec in min-width et min-height, sa serait pas mieux? 

enfin, je suis pas expert mais chez moi ça marche bien!

bg62 · Answer

<img src="/image/premiere.jpg" alt="alternativtext" width="800" height="600"/> 
ne doit pas être dans le 'head' et ton "body' n'est même pas ouvert .... !!!

Agatowin · Answer

Donc où dois-je mettre les tailles ? Je veux bien ne pas les mettre dans head, mais alors où ?
De plus, mon body n'est pas ouvert, je ne sais pas trop ce que ça veut dire, je débute, c'est la premiere que je fais un site, j'image que c'est une histoire de guillemets ?

merci

bg62 · Answer

mon body n'est pas ouvert
ce sont des balises, il faut les ouvrir puis les fermer ...
regarde dans les 'astuces' en haut de page .... tu auras tous les tutoriaux pour démarrer ...

Agatowin · Answer

C'est déjà fait, et si j'avais réussis à obtenir ma réponse je ne posterai pas. Est ce qu'il est possible de simplement me donner ma réponse puisqu'apparemment tout le monde l'a sauf moi .

bg62 · Answer

ça aussi :
https://forums.commentcamarche.net/forum/affich-37585659-les-balises-dans-la-partie-head
???  faut pas pousser quand même ...

Code CSS incompatibles navigateurs

10 réponses

Discussions similaires