Blogger HTML Image Problèmes d'alignement

Ainsi Ive a récemment été attribué à un site Internet à l'école eportfolio utilisant blogspot. ive havign été un problème de conception du site, comme pour fixer id.

1) c'est de cette manière un aspect de mon site sur mon écran de mon grand résolution. le carré rouge est l'objet i besoin d'aide .. son supposé être une image.




2) J'ai également un code qui en fait fixé sur l'écran de façon à faire défiler vers le bas quand je passe l'image avec elle


3) Toutefois, lorsque je change ma résolution d'écran ou de faire de la petite fenêtre de navigateur, j'obtiens ce.


voir comment il chevauche le texte maintenant?
Est-il possible de faire en sorte qu'il ne le fait pas, et chaque fois que je change la résolution de l'écran ou de redimensionner la fenêtre, celle-ci force une barre de défilement horizontale?

Im Que recherchez est, le cas échéant, la solution la plus simple possible, peut-être un code CSS ou tout ce que je peux copier et coller dans mon code ou quoi que ce soit, comme Im pas trop connu à la conception de sites Web.
C'est ce que j'ai pour l'image du code pour le moment.

CSS
img.one
(
position: fixed;
left: 103px;
top: 30px;
)

HTML

<img alt = "image" class = "un" src = http://urlpichere. jpg />


Toute aide ou contribution serait grandement appréciée! merci!
Même si je dois supprimer l'effet de maintien de l'image avec le défilement des barres de défilement, et l'image fixe, de mauvais à être très heureux ainsi. aussi longtemps que tout le monde voit le même site Web sur des ordinateurs différents. ugh

comment l'échelle de l'ensemble du site, y compris le bloc rouge?