Problème CSS

[Protanim]

Bonjour,

J'ai encore un problème avec la transformation de mon site en version sans tableaux.

Lorsque le contenu central est pas assez important, le menu du bas n'est pas à sa place. Exemple : http://www.protection-des-animaux.org/associations/recherche.php?Pays=TRINIDAD+et+TOBAGO

Alors que cela marche parfaitement quand le contenu est suffisamment important : http://www.protection-des-animaux.org/associations/recherche.php?Pays=CZECH+REPUBLIC

Que dois je modifier pour corriger cela ?

Merci beaucoup

 

[CaYuS]

Bonjour,

Alors tu ouvres ton petit style2.css, et tu cherches ça :

.contenucentre {
padding-left:10px;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
}

Et tu le remplaces par ça :

.contenucentre {
padding-left:10px;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
height: 800px;
}
html>body .contenucentre 
{
	height: auto;
	min-height: 800px;
}

J'ai mis 800px mais tu peux mettre ce que tu veux. En gros tu indiques la hauteur minimal de ton bloc, donc plus de problème après, vu que c'est lui qui pousse le menu du bas.
Le html>body, on procède ainsi à cause d'IE, car il ne prends pas en charge le min height, donc on ruse un peu
Pour IE => ça fera tjrs 800 px, et si c'est plus, lui il étendra le bloc. (il ne sait pas lire le html>body)
Pour Firefox => la valeur minimale sera de 800px, et après la hauteur et mise automatiquement (il sait lire le html>body).

 

[Protanim]

Excellent.

Merci beaucoup

 

[CaYuS]

Avec plaisir, mais rendons à Caesar ce qui appartient à Caesar :
-http://blog.alsacreations.com/2004/08/17/54-min-height-sur-internet-explorer

Pour ça et pour tant d'autres choses 8)