28173 sujets

CSS et mise en forme, CSS3

[résolu] Css et firefox : "Bug" d'affichage d'une div sur

Bonjour !
J'ai cherché dans tout le forum (ou presque ?) un moyen de résoudre mon problème, et les différents articles proposés par alsacréation (et autres sites proposés) n'ont pas pu m'aider à le résoudre.
Je présente donc mon problème sur le forum.



J'ai un "bug" (ou défaut d'affichage ou ce que vous voulez) lorsque j'essaie de superposer un bloc (créé avec les balises <div> et </div>) sur le scrollBar horizontal de ma page. Sous IE il n'y a pas de soucis, seul firefox présente ce problème. En réalité, selon la taille de la fenêtre, ce "bug" apparait, puis disparait.


Edit : De plus, le problème ne se présente que si je met un backgroud-image au bloc. Si je ne met aucune image de fond mais n'importe-quel couleur de font, il n'y a plus de problèmes. Je souhaite conserver une image de font.


Je vous invite à visiter le lien ci-dessous en modifiant la taille de votre fenêtre de navigation firefox VERTICALEMENT : http://arkanshadow.free.fr/
Pour ceux qui n'ont pas firefox, voila ce que ça donne en image : http://arkanshadow.free.fr/img/bug.jpg


Voici le code correspondant :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body, html
{
	background-color : #000000;
	height	 		 : 100%;
	overflow 		 : hidden;
	margin      	 : 0px;
}

div.info_bottom
{
	position 		 : absolute;
	width    		 : 40%;
	bottom   		 : 2%;
	height   		 : 15%;
	background-image : url(../img/juliesroom1.jpg);
}

div.page
{
	height   : 90%;
	overflow : scroll;
}
</style>
</head>

<body>
<div class="info_bottom"></div>

<div class="page">
	<? 	for($i=0;$i<100;++$i)
			echo "<br>";?>
</div>
</body>
</html>


J'espère avoir été assez clair, en espérant que vous arriverez à résoudre mon problème qui me hante depuis 3 jours.



A titre d'information : ne me demandez pas pourquoi je veux faire une interface avec un bloc sur un scrollBar s'il vous plait. J'ai ciblé mon problème en effectuant différents tests sur les feuilles de styles, même sans afficher le scrollBar horizontal (car il ne me sers à rien, seul le scrollBar verticale sera visible au finale), je l'ai fait ici pour vous montrer que mon problème est en rapport avec le scrollbar horizontal, qu'il soit visible ou non, le problème d'affichage persiste.

Merci d'avance pour vos réponses !
Modifié par niloah (05 Jun 2006 - 20:49)
D'où la nécéssité de tenir à jour ses logiciels...

J'utilisais la version 1.0.X.X de FireFox, je viens de télécharger la version 1.5.0.4, et le problème n'est plus !

Je vous invite cependant à me donner une explication sur ce problème d'affichage auquel je me suis confronté : conception fragile de ma feuille de style, incompatible FF, ou bug de FF ?

J'attends encore vos réponses à cette dernière question avant de mettre ce post [résolu].
Modifié par niloah (05 Jun 2006 - 17:35)
Peut-être votre version était-elle érronné ? Il n'y a pas de raison que ce code affiche un mauvais résultat.

Bonne soirée.
Sujet clos
Aller à