[résolu]Height auto qui fonctionne sur IE masi pas sur FF

Bonjour,

bizarre, cette fois c'est FF quii ne comprends pas??

voici mon xhtml :

<!-- Debut bloc-->
				<div class="bloc">

				<div class="pub01">
					<a style= "font-weight: 400; color: black; padding-left: 100px;" href="">XSUS 500</a><br>
					<div class="spacer">&nbsp;</div>
					<img src="images/1gd.gif">
				</div>


				<div class="pub02">
					<a style= "font-weight: 400; color: black; padding-left: 100px;" href="">Mon Espace Client</a><br>
					<div class="spacer">&nbsp;</div>
					<img src="images/1gdt.gif">
				</div>

				<div class="spacer">&nbsp;</div>				

				<div class="pub01">
					<a style= "font-weight: 400; color: black; padding-left: 100px;" href="">XSUS 500</a><br>
					<div class="spacer">&nbsp;</div>
					<img src="images/4gd.jpeg">
				</div>


				<div class="pub02">
					<a style= "font-weight: 400; color: black; padding-left: 100px;" href="">Mon Espace Client</a><br>
					<div class="spacer">&nbsp;</div>
					<img src="images/8gd.jpeg">
				</div>
			
				<div class="spacer">&nbsp;</div>
						
						           
				<!Fin du bloc-->
				</div>

et voici mon css :

.bloc
{
/*clear:both;*/
background-color:white;
width: 764px;
margin-top:0px;
height: auto;
}

ça marche sur IE mais pas sur FF???

savez-vous pourquoi?
Modifié par samb01 (19 Jul 2006 - 10:32)

Salut,
selon http://www.quirksmode.org/dom/3column.html:

a écrit :
Therefore the parent element has height: auto, ie. "as much as you need". The problem is that the CSS specification says that any block with a percentual height that is contained by a block that has height: auto should also get height: auto. In other words, the height: 100% does not apply to naturally stretched blocks.

-> En résumé si ton bloque est contenu dans un autre div qui a pour propriété height=auto ca ne marchera pas...


Il y a une solution ici (mettre une heuteur minimum):
http://blog.alsacreations.com/2004/08/17/54-min-height-sur-internet-explorer
http://wellstyled.com/css-minheight-hack.html

bizarre, il a suffit que j'ajoute

overflow:auto

pour que cela fonctionne.