div contenant des image float left

Version imprimable

17/02/2010, 15h13
toto62

div contenant des image float left

bonjour,
alors mon problème , est bête , mais je bloque dessus :s...
alors voila , j'ai une div , qui contient une photo a gauche ,et un peu de texte a droite.
pour ma photo , j'ai mis l'attribut float : left .
elle ce met a droite tout va bien , sauf que si elle est plus grande que le texte ,alors mon div conteneur ne ce redimensionne pas , ce qui a pour effet que mon images dépasse de mon div :s ...
je ne sait pas quoi faire c'est horrible...
merci
17/02/2010, 15h50
nsanabi

est ce tu peut montrer la structure html et les règles css utilisées?

html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
        <div class="elemBureau" style="width : 50% ; margin-left : 12px ;">
		<h3> TITRE </h3>
		<div class="sousElemBureau" >			
			<img src="monImage.pnh" style="max-width : 20% ; float : left ;margin-right : 15px;" />
			<div style="width : 70%">
				<a href=""> Menu1 </a> <br/>
				<a href=""> Menu2</a> <br/>
				<a href=""> Menu3 </a> <br/>
				<a href=""> Menu4</a>
			</div>
		</div>
	</div>

css

Code:

1
2
3
4
5
6
7
8
9
 
.sousElemBureau
{
	background :  transparent url(../images/degrderMenu.jpg) repeat-y scroll 0 0 ; 
	border : 2px dashed #D6D6D6 ;
	border-top : none ;
	padding : 10px;
	margin-bottom : 20px;
}

voila le code principale je pensse

18/02/2010, 18h06
Erwan31

C'est normal, un flottant est partiellement sorti du flux normal vis a vais de son bloc conteneur.
Tu dois établir un nouveau contexte de formatage block en ajoutant un overflow:hidden sur le bloc conteneur. ;)

EDIT
Les br ne sont pas fait pour générer un retour chariot mais pour forcer une coupure de ligne à l'intérieur d'un texte.
Attribuer un display:block pour générer le retour à la ligne.
19/02/2010, 23h00
toto62

sauf que un overflow : hidden, va me couper mon image ce que j ne souhaite pas
19/02/2010, 23h48
Erwan31

Citation:

Envoyé par toto62

sauf que un overflow : hidden, va me couper mon image ce que j ne souhaite pas

Non, pas sans contraindre la hauteur de la div conteneur. ;)
20/02/2010, 14h57
toto62

merci du conseil ;)