Fluidité des Images: Comment définir la largeur et la hauteur?

Je suis en train de construire un fluide de mise en page, dont je suis le style de grandes images avec:

.fluid_img {
  height: auto;
  width: auto;
  max-width: 100%;
}

Cela fonctionne bien, le problème est que je ne peux plus utiliser les attributs width et height de la balise html < img > (ils n'ont pas d'effet). J'ai besoin de ces attributs pour le navigateur peut "sauver" l'espace nécessaire pour l'image avant il a été chargé, de sorte que le reste de la page ne bouge pas lorsque l'image est chargée.

Est-il possible d'avoir les deux fonctions? (image fluide + espace enregistrés avant le chargement de l'image)

Compte tenu des réponses ci-dessous, votre question ne semble pas demander exactement ce qui est semble demander. Comme vous le dites I can no longer use the width and height attributes in the html image tag. Êtes-vous intéressé à utiliser que cette phrase à proposer? Pouvez-vous nous donner plus d'informations sur votre problème, comme tout autre code ou un js fiddle?
Ce que je ment, c'est que pour les non-liquide de mises en page, la largeur et la hauteur des attributs peut faire le travail de sauvegarde de l'espace nécessaire pour l'image (j'utilise inline attributs html parce que je peux utiliser ensuite dinamically. Par exemple, dans une galerie d'images, chaque image peut avoir différentes valeurs pour la largeur et la hauteur, donc je ne peux pas utiliser les css). Pour les dispositions fluides, j'ai pour régler la largeur et la hauteur de l'auto, et je ne sais pas comment faire pour dire au navigateur: "Regardez, j'ai cette image, avec X largeur et Y la hauteur, et j'ai besoin de vous pour gagner de l'espace pour cela. Rappelez-vous juste de ne pas fixer ces valeurs, parce que nous avons un fluide de mise en page ici."
Je soupçonne que la suppression de width: auto; de votre CSS permettrait de résoudre le problème.

OriginalL'auteur HappyDeveloper | 2011-08-14