Positionner le redimensionnement du navigateur fixe

Question

Salut J'ai quelques images sur mon site qui sont placées dans un conteneur div avec la position définie sur relative.J'ai placé chaque image en utilisant la position absolue et après que je voulais faire de l'image le scrool C'est quand je frappe un problème. Quand je redimensionne le navigateur les images ne restent pas dans le flux normal du contenu. Toutes les suggestions sur ce que je devrais faire?

Voici le code pour l'une des images:

img[alt=ship]{ 
    border:15px solid black; 
    position:absolute; 
    left:400px; 
    bottom:-50px; 
    position:fixed; 
    z-index:2; 

    -moz-border-radius:35px; 
    -webkit-border-radius:35px; 
    -o-border-radius:35px; 
    border-radius:35px; 

    -moz-transform:rotate(7deg); 
    -webkit-transform:rotate(7deg); 
    -o-transform:rotate(7deg); 
    -ms-transform:rotate(7deg); 
    transform:rotate(7deg); 

} 

Et voici mon code:

<div id="container"> 



    <div id="content"> 

     <div id="content_1"> 
      <a href="#"><img src="img/octopus.png"/ alt="octopus"></a> 
      <a href="#"><img src="img/snake3.png" alt="snake1" /></a> 
      <a href="#"><img src="img/snake2.png" alt="snake2" /></a> 
      <a href="#"><img src="img/fish.png" alt="fish" /></a> 
      <a href="#"><img src="img/Titanic2.jpg" alt ="ship" /></a> 
      <a href="#"><img src="img/sharks.jpg" alt ="sharks" /></a> 
      <a href="#"><img src="img/shark.jpg" alt="shark"/></a> 
      <a href="#"><img src="img/ship1.jpg" alt="ship1" /></a> 
      <a href="#"><img src="img/submarine.jpg" alt="submarine" /></a> 

      <nav></nav> 
      <section></section> 
     </div> 


</div> 

Answer 1

Check out my homepage. Le petit dock sur le dessus est probablement ce que vous cherchez. Pour cela, la div devrait avoir position:fixed.