min height + background image

min height + background image - HTML/CSS - Programmation

Marsh Posté le 24-09-2007 à 18:43:21    

J'aimerais que ma boîte ait une dimension minimale de 560 px : j'utilise donc min-height, ensuite je veux une background image qui se repete sur la hauteur ajustée (soit le min, soit selon le contenu si supérieur), mais ça ne marche pas...

Code :
  1. min-height: 560px;
  2. _height: 560px; // Pour IE6
  3. background: url(../images/right-shadow.png) 0 0 repeat-y;


Si je remplace min-height pas height, ça marche mais ça force la hauteur à 560 même si le contenu dépasse, ce n'est donc pas ce que je veux.
 
Une idée?

Reply

Marsh Posté le 24-09-2007 à 18:43:21   

Reply

Marsh Posté le 25-09-2007 à 05:03:05    

J'ai rien compris :/
tu veux ou tu veux pas que ta boite s'agrandisse en hauteur ?

Reply

Marsh Posté le 25-09-2007 à 11:33:19    

Oui, mais ça, ça marche. Juste que la background image se repete pas sur la hauteur minimale.
Exemple : J'ai un contenu texte de 200px et une min height de 560 : la boîte fait 560 px mais l'image ne fait que 200px, au lieu de 560.

Reply

Marsh Posté le 26-09-2007 à 14:54:38    

Et avec un "overflow: auto;" ?


---------------
Fred => http://www.meance.free.fr
Reply

Marsh Posté le 26-09-2007 à 22:33:17    

c'était ça ! merci !
Edit : mince me suis emporté trop vite, le ontenu faisait plus de 560 et dans cas ça marche :D...mais j'ai ptet une idée


Message édité par Nirwan le 26-09-2007 à 22:40:35
Reply

Marsh Posté le 27-09-2007 à 00:20:46    

par contre, il me semble que le min-height est pas gere sous ie6....
(a titre d'info)


---------------
"Se tromper est humain ; Vraiment foutre la merde necessite le mot de passe de root."
Reply

Marsh Posté le 02-10-2007 à 19:08:38    

peyo22 a écrit :

par contre, il me semble que le min-height est pas gere sous ie6....
(a titre d'info)


Effectivement, le _height est là pour ça (vu comme un commentaire par FF, Opera, IE7, et interprété par IE6, or IE6 interprète à priori le height comme un min height).
Sinon j'ai réussi à faire marcher mon truc [:yeah]

Reply

Marsh Posté le 08-06-2008 à 15:27:54    

Salut Nirwan,  
 
J'ai le meme probleme, peux tu me dire comment t'as fait ?
Merci

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed