Discussion :

[alpking]

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 :

Code :

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

1
2
3
4
5
6
7
.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 :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.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

[Kerod]

Et en utilisant

Code :

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

1
2
min-height : 400px;
height :auto;

[Linaa]

Il faut spécifier un min-height mais ça ne fonctionne pas avec IE
Pour IE

Code :

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

1
2
3
4
5
6
7
8
.news_defil {
	width: 760px;
	min-height:400px;
	_height:400px; // pour IE
	margin-top: 1px;
	margin-bottom: 1px;
	overflow: scroll;
}

Et pour la boite du bas, en position relative ça donne quoi ?

[alpking]

merci bp, j'essaye tout ca et je vous tiens au courant...

[alpking]

parfait pour la boite, 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 ?

[Linaa]

Il faut rajouter à ton bloc news_defil

Code :

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

clear : both;

[alpking]

.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:relative;
}
.news_defil {
min-height : 384px;
height :auto;
_height:384px; // pour IE //
width: 760px;
margin-top: 15px;
clear : both;
}

comme ca ca ne marche toujours pas, le menu est encore tout en haut...