/ / Dowolny sposób ustalenia pozycji obrazu - javascript, html, css

Każdy sposób, aby naprawić pozycję obrazu - javascript, html, css

Mam obraz po lewej stronie i tekst po prawej stronie. Podobnie jak układ dwóch kolumn.

Chcę, aby kiedy przewijałem tekst, obraz powinien pozostać na środku strony.

Próbowałem użyć

position:fixed

Ale potem problem, czasami gdy zmieniam rozmiar okna IE do małego rozmiaru, wtedy obraz pozostaje w tej samej pozycji i wychodzi z głównego obszaru zawartości, gdy przewijam w dół.

Chcę, aby ten obraz przewinął się, ale powinien pozostać w obszarze zawartości. Nie powinien wychodzić poza główny obszar zawartości.

Odpowiedzi:

0 dla odpowiedzi № 1
.content{ position: relative }
.image{ position: absolute; top: 0; left: 50%; }

<div class="content">
<div class="image">
<img src="/images/image.jpg" />
</div>
</div>