URL: https://linuxfr.org/users/manatane/journaux/probl%C3%A8me-css
Title: Problème CSS
Authors: manatane
Date: 2004年04月22日T15:22:46+02:00
Tags: 
Score: 0
Cher journal, 
Mon probleme est le suivant, je souhaite faire un simili cadre avec un fond sous forme d'image fixe dans un fichier xhtml (faire une recherche pour faire apparaitre la barre de defilement). Le simili cadre est un div nommé libellePresG, voici mon CSS : 
.libellePresG{ 
width: 403px; 
height: 538px;	/* On raccourcit l'image de 3 px en hauteur */ 
 
overflow : auto; 
 
font-size: 0.75em; 
font-family: arial, verdana, helvetica, sans-serif; 
 
background: url(images/fdPres.jpg) center bottom repeat scroll; 
voice-family: "\"}\""; 
voice-family:inherit; 
background: url(images/fdPres.jpg) center bottom no-repeat scroll; 
} 
 
La page est là :[http://roxornux.org/test/CR/index.php(...)](http://roxornux.org/test/CR/index.php) 
Sous opera ca marche nickel 
Sous Gecko l'image reste fixe mais se duplique et une remonte ou descend avec le texte à mesure qu'on joue la barre de defilement. 
Sous IE et bien ma fois je n'en sais rien malgré une tentative de hackage un peu baveux car je n'ai pas accès à ce formidable logiciel. 
 
Pourrais tu me conseiller sur le CSS a adopter pour que Gecko et IE affiche correctement ce que je souhaite.
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="httpS://linuxfr.org/users/manatane/journaux/probl%C3%A8me-css.md">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="httpS://linuxfr.org/users/manatane/journaux/probl%C3%A8me-css.md" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>