Fixer la taille maxi d'une image

**franck.thibault** · 14/08/2006, 12h30

Bonjour,

Voilà ce que je souhaite mettre en place. J'ai une page avec des div pour la mise en page. L'entête (<div id="header">) a une hauteur fixe de 75px. J'ai une image qui fait 100px de hauteur. Je souhaiterais redimensionner cette image dynamiquement. Est-ce possible de gérer cela avec du CSS ? Faut-il créer une "image" temporaire via un script PHP par exemple ?
Merci d'avance pour vos réponses.

**MasterOfChakhaL** · 14/08/2006, 12h44

si j'ai bien compris, tu peux faire ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="header>
  <img src="..." id="logo" />
</div>

puis ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#logo {height: --px;}

tu peux aussi utiliser la propriété max-height qui redimensionnera ton image que si elle est trop grande (ne marche pas avec ie).

un truc a essayer:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#logo {height: inherit;}

inherit devrait indiquer qu'il faut mettre la même taille que l'élément parent, donc le div (à essayer)

**franck.thibault** · 14/08/2006, 12h55

Envoyé par MasterOfChakhaL

si j'ai bien compris, tu peux faire ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="header>
  <img src="..." id="logo" />
</div>

puis ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#logo {height: --px;}

tu peux aussi utiliser la propriété max-height qui redimensionnera ton image que si elle est trop grande (ne marche pas avec ie).

un truc a essayer:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#logo {height: inherit;}

inherit devrait indiquer qu'il faut mettre la même taille que l'élément parent, donc le div (à essayer)

Merci pour ta réponse. J'ai donc fixer la hauteur de #logo. Par contre, j'ai essayé avec inherit et sous IE, ça ne fonctionne pas. Par contre sous FF, pas de problème, l'image est bien redimensionnée.