18041 sujets

Questions générales et questions de débutants

Positionnement vertical d'un flottant

Hello,

J'aimerai positionner un conteneur flottant (qui sera une citation) à une hauteur avec un texte contenant de nombreux paragraphes qui coule autour, mais je crains que ça ne soit pas possible.

Pour illustrer le pb, j'ai fait le petit code suivant :


<html>
	<head>
		<style type="text/css">
			body {
				text-align : center;
				margin : 0;
				padding : 0;
			}
			#conteneur {
				width : 600px;
				background-color : #ccc;
				margin : 0 auto 0 auto;
				padding :0;
			}
			#conteneur p{
				text-align :left;

			}
			cite {
				background-color : yellow;
				width : 200px;
				height : 100px;
				float : left;
			}
		</style>
	</head>
	<body>
		<div id="conteneur">
			<p>bla bla bla blablabla bla bla blabla bla bla bla blablabla bla bla blablabla bla bla blabla</p>
			<cite></cite>
			<p>bla bla bla blablabla bla bla blablabla bla bla blablabla bla bla blablabla bla bla blablabla bla bla blabla</p>
			<p>bla bla bla blabla bla bla bla blablabla bla bla blablabla bla bla blablabla bla bla blabla bla bla bla blabla</p>
			<p>bla bla bla blablabla bla bla blablabla bla bla blablabla bla bla blabla</p>
			<p>bla bla bla blablabla bla bla blablabla bla bla blablabla bla bla blablabla bla bla blablabla bla bla blablabla bla bla blabla</p>
		</div>
	</body>
</html>


Ce que j'aimerai ici, c'est que la "citation" (bloc jaune) soit toujours positionné à 50% au sein du conteneur parent et que les paragrphes coulent autour.
Est-ce possible (je crains que non Smiley decu )? des solutions alternatives sachant qu'il faut que ça soit compatible IE 6.0 Smiley ohwell

merci d'avance,

Pascal
Pascal68bis a écrit :
Est-ce possible (je crains que non Smiley decu )?

À priori non.

Pascal68bis a écrit :
des solutions alternatives sachant qu'il faut que ça soit compatible IE 6.0 Smiley ohwell

Pas à ma connaissance.

À la rigueur, si le but est de placer la citation vers le milieu d'un texte de longueur inconnue (et pas obtenir un centrage vertical parfait de la citation), avec écoulement du texte autour, tu peux:
- soit placer la citation à la main vers le milieu moins un paragraphe;
- soit utiliser Javascript pour le faire (jamais tenté pour ma part, mais ça me semble jouable... si tu connais bien JS).
Sujet clos
Aller à