28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous et toutes.
Cela fait un moment que je cherche à comprendre comment fonctionne la propriété font-stretch.

J'ai fait une page test et à l'affichage, je ne vois aucune différence entre les 3 lignes.
D'après ce que j'ai lu dans les spec. CSS mon exemple devrait fonctionner Smiley ohwell

le html :
<div id="page"> 
	<p style="font-stretch: expanded;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere convallis sem.</p>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere convallis sem.</p>
	<p style="font-stretch: ultra-condensed;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere convallis sem.</p>
</div>


le css global:
#page {
	margin: 0;
	padding: 0;
	width: 500px;
	height: 400px;
	position: relative;
	background-color: #eee;
	font-size: 0.8em;
	font-family:Verdana, Lucida, Arial, Helvetica, sans-serif;
}


Si quelqu'un à une explicatin, je suis preneur...
Merci,
GloubI.
Modifié par GloubI (05 Aug 2005 - 17:54)
Plop,

Sans vouloir trop m'avancer, il est possible que cette propriété souffre d'une implémentation partielle voir quasi inexistante dans la plupart des navigateurs.
Hum...
Comme quoi, trop de confiance dans les navigateurs peut faire perdre du temps Smiley decu
J'ai trouver un test d'implémentation, qui lève le voile, c'est tristre.
http://www.designdetector.com/articles/results.html

Désolé pour le dérangement Smiley sweatdrop

GloubI

Bon, v'là que je suis trop long à taper mes messages...
Merci pour votre aide.
Modifié par GloubI (05 Aug 2005 - 17:54)