28220 sujets

CSS et mise en forme, CSS3

[RESOLU] Problème de div avec Internet Explorer ?

Bonjour,

J'ai le code suivant qui fonctionne parfaitement sous Firefox, cependant, j'ai un soucis encore de compatibilité avec Internet Explorer...

EDIT par Igor: attention à ne pas afficher d'images géantes qui déforment le forum. Merci d'utiliser le bouton "créer une miniature" lorsque vous chargez une image.

Voici le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<title>ScrollUp</title>
		<meta http-equiv="content-language" content="fr"/>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-15"/>
		<meta http-equiv="content-style-type" content="text/css"/>		
		<style type="text/css">
			body
			{
				font-family		: Verdana;
				font-size			: 10px;
			}
			#live_informations
			{
				background-color	: #FFCE73;
				border			: 1px solid #000000;
				height			: 45px;
				overflow			: hidden;
				width			: 400px;
			}
			#scrollup
			{
				background-color	: #FFCE73;
				position			: relative;
			}
		</style>
		<script type="text/javascript">
			function scrollup()
			{				
				var MyScrollUp = document.getElementById("scrollup");
				var MyLiveInformations = document.getElementById("live_informations");
				var MyReg = new RegExp("px","g");
				var MyScrollUpMarginTop = MyScrollUp.style.marginTop;
				var MyScrollUpHeight = MyScrollUp.offsetHeight;
				var MyLiveInformationsHeight = MyLiveInformations.offsetHeight;
				MyScrollUpMarginTop = MyScrollUpMarginTop.replace(MyReg,"");
				if (MyScrollUpMarginTop < -96)
				{
					MyScrollUpMarginTop = MyLiveInformationsHeight;
				}
				MyScrollUpMarginTop = MyScrollUpMarginTop-1 + "px";
				MyScrollUp.style.marginTop = MyScrollUpMarginTop;
				setTimeout("scrollup()", 100);
			}
		</script>
	</head>
	<body onload="javascript:scrollup();">
		<div id="live_informations">
			<div id="scrollup">
				15/08 18:50 : XXXX<br/>
				15/08 14:30 : YYYY<br/>
				15/08 12:12 : ZZZZ<br/>
				15/08 10:18 : AAAA<br/>
				15/08 06:45 : BBBB<br/>
				15/08 04:32 : CCCC<br/>
				14/08 23:47 : DDDD<br/>
				14/08 10:19 : EEEE
			</div>
		</div>
	</body>
</html>


Merci,
Mathieu
Modifié par mrousse (16 Aug 2006 - 09:39)
Bonjour,

Désolé pour la taille de l'image...

J'ai résolu mon problème en ajoutant un :

position : relative;

A mon div live_informations !

Mathieu
Sujet clos
Aller à