Taille d'image et images fixes

Bonjour!
Je me tourne vers vous car cela fait des semaines que je tente de régler ce problème, mais étant débutante, je n'y parviens pas.
J'ai une image d'en-tête qui passe bien sur les grands écrans mais pas sur les petits (et qui n'apparaît même pas sur smartphone), et qui n'est pas à la même place selon que l'on soit sur Chrome ou sur Internet Explorer (et encore, je ne l'ai essayé que sur ces deux là...).
Voici l'adresse provisoire : http://bryce.hameau.free.fr/virginie
En gros le but est que les animaux soient "collés" à droite, laissant le texte sur la gauche.
ET le logo en bas de page est bien fixe sur Chrome mais n'importe où sur IE.
Bref, la galère...
Merci d'avance pour votre aide
PS : si possible une réponse en langage simple, je suis blonde...

Bonjour.

Je ne sais pas si ça répond à ta question - à mon avis, elle n'est pas très bien formulée ; je suppose que tu cherches une technique pour adapter la taille de ton image.

Voilà des liens qui te seront peut-être utiles :

http://www.creativejuiz.fr/blog/veille-technologique/css-retina-hd-webkit-image-set-picture-srcset

http://www.cyril-wolfangel.com/integrateur-typo3/2012/08/05/image-responsive-enfin-une-solution-perenne/

Par ailleurs, tu utilises du HTML 4, des frames et du text en en images, des attributs de mise en forme HTML qui sont des techniques peu recommandables. Sais-tu qu'avec la propriété @font-face, tu peux utiliser n'importe quelle police dans tes pages ? bref, je t'invite à te former davantage, en lisant les tutoriels de ce site ou d'autres (Developpez.com, le Site du Zéro). Et si tu veux faire du design responsive (adaptatif), je te conseille également de passer en HTML5, pour bénéficier des possibilités de ce langage - attention, HTML5 n'est pas supporté par les anciens navigateurs (IE6, IE7, IE8).

Bonne continuation.