28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde, Smiley biggrin
Je viens depuis longtemps trouver de précieux renseignements sur alsacréations mais je n'ai encore jamais posté.
Me voilà avec un soucis auquel je n'ai pas trouvé de réponse :
Ma page contient un bloc "contenu" à la largeur indéfinie, celle-ci pouvant être plus large que l'écran. Malheureusement, le bloc "conteneur" qui englobe le précédent bloc n'adapte pas sa largeur et conserve une largeur correspondant à l'écran.
J'ai pu résoudre le problème sous Firefox en plaçant un display:table sur le bloc "conteneur". IE7, une fois n'est pas coutume Smiley fache , ne supportant pas ce type de display m'affiche toujours le bloc "conteneur" avec la largeur de l'écran pour référence.

Je précise que le but est de ne pas utiliser un overflow:auto sur le bloc "contenu".
Y a t'il une solution à ce problème ?
D'avance merci Smiley cligne
Bonjour Yasashii,
Voici un bout de code simplifié illustrant mon problème :

	<div id="conteneur" style="border:solid 5px #FF0000;">
		<div id="contenu" style="border:solid 5px #3399FF; width:2000px;height:100px">
			<p>Rendu inadapté sur IE et FF</p>
		</div>
	</div>
	
	<br/><br/>
	
	<div id="conteneur" style="border:solid 5px #FF0000;display:table">
		<div id="contenu" style="border:solid 5px #3399FF; width:2000px;height:100px">
			<p>Rendu inadapté sur IE mais correct sous FF</p>
		</div>
	</div>


Le 2ème rendu est celui que je cherche à avoir sous IE.
Par contre sous IE7, la différence d'affichage est bien là, en transitionnal comme en strict. Smiley ohwell
Bonjour, je me permets de relancer le sujet, n'ayant pas trouvé de solutions depuis Smiley cligne
Merci d'avance