28173 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai sur mon site une page qui contient des news gérée pas php / mysql.

ces news s'affichent dans une boite css nommée "news_defil".

j'ai envie que cette boite fasse à la base, donc même sans news 400px de hauteur.

Mais j'ai envie qu'elle puisse devenir plus grande si les news prennent plus de place que 400px de haut. Soit en s'agrandissent, soit en affichant une barre de défilement vertical, mais je préférerai la première solutions.

J'ai essayé avec la propriété "overflow: scroll" mais ce na pas marché.

Voilà mon code CSS :


.news_defil {
	width: 760px;
	height:400px;
	margin-top: 1px;
	margin-bottom: 1px;
	overflow: scroll;
}


J'ai également en bas de cette boite un menu, et j'aimerai que ce menu soit positionné à 5px en bas de cette boite "news_defil", j'ai essayé comme ça mais ca na pas marché non plus :

.menu_bas_news {
	width: 760px;
	height:18px;
	font-family: Arial;
	font-size: 9px;
	color: #555555;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	line-height: 200%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: absolute;


Pouvez-vous m'aidez ?

merci d'avance
en fait pour la hauteur de la boite, j'ai trouvé :

.news_defil {
	min-height : 400px;
	height :auto;
	_height:400px; // pour IE //
	width: 760px;
	margin-top: 1px;
	margin-bottom: 1px;
}


par contre mon menu du bas c'est toujours le même problème, dès que la taille de la boite news_defil devient plus grande que 400px, le menu du bas se retrouve tout en haut de la page, avec une marge de 5px mais avec le haut absolu...

moi j'aimerai que cette marge soit à 5px de la boite news_defil...

Comment faire ?