probleme de width

[pauline24030]

je ne comprend pas mon bloc s'etend quand je met du texte, horizontalement alors que j'ai bien mis la largeur et la hauteur

comment faire pour que la largeur et la hauteur reste fixe

mes bloc sont dans un autre bloc que voici

.diffusionsetdernieresnews {
	position: relative;
	background: url(../design/diffusions&news.png) no-repeat;
	height: 140px;
	width: 597px;
	margin: 0px 0px 0px 331px;
	padding:Opx;
	visibility: inherit;
	}

et mes blocs

.bloc1 {
   
	margin-top:44px;
	margin-left:0px;
	background-color: transparent;
	height: 84px;
	width: 184px;
	float: left;
}
.bloc2 {

	background-color: transparent;
	height: 87px;
	width: 180px;
	float: left;
	margin-left: 21px;
	margin-top:44px;
	left: 190px;
	top: 4px;
}

.bloc3 {

	background-color: transparent;
	height: 87px;
	width: 180px;
	float: left;
	margin-left: 21px;
	margin-top:44px;
	left: 387px;
	top: 3px;
}

Modifié 20 Février 2006 par pauline24030

[drakulls]

salut,

est tu sur que puisque tu le positionne en relative ton bloc est bien imbriqué dans l'autre dans ton code html?

[pauline24030]

oui il est bien imbriqué

[drakulls]

tu n'as pas un lien pour l'exemple?

car sans le html c'est assez difficile de voir ton prob...

le probleme ne viendrait aps de ton margin?

margin: 0px 0px 0px 331px;

Modifié 21 Février 2006 par drakulls

[pauline24030]

Non j'ai pas de lien car je bosse sur mon ordinateur mais si vous voulais je le met sur le net

ma margin je ne pense pas

j'ai mis

margin-left: 331px;

[drakulls]

je pense que c'est tout simplement qu'avec ton margin left, ton bloc sort de son container....

qui lui a une taille fixe...

[pauline24030]

voila le lien

http://www.lost-lesdisparus.net/lost/

[Dan]

Si tu ne veux pas que la taille du bloc soit adaptée au contenu, il faut jouer sur l'attribut "overflow".

Il peut être positionné à visible, scroll, hidden et auto.

http://www.quirksmode.org/css/overflow.html

Dan

[pauline24030]

j'ai essayé avec overflow visible mais rien y fait le bloc s'agrandit quand même

[Dan]

Ben oui, si tu mets overflow:visible, il sera donc visible

Essaies avec overflow:auto plutôt.

Dan

[pauline24030]

voila ce que sa donne avec overflow:auto met le probleme c'est que la barre de defilement est tres grande et je veux pasque le texte bouge ou sorte du bloc

Modifié 21 Février 2006 par pauline24030

[pauline24030]

sinon n'y a t'il pas une autre solution autre que les blocs?

[Dan]

Disons aussi que l'utilisation de "left:" et "top:" n'est pas vraiment compatible avec le "float:left".

Tu devrais essayer simplement de positionner ta première <div> en lui donnant une largeur à l'aide de "width", et ensuite mettre les autres <div> à sa suite avec simplement un attribut "width" et un "float:left" ...

Elles devraient se positionner correctement dans ce cas.