mon ne s'afiche pas completement avec ie mais firefox ok
mon ne s'afiche pas completement avec ie mais firefox ok - HTML/CSS - Programmation
Sujets relatifs:
- Probleme firefox config proxy
- probleme lightbox IE firefox opera
- creer plugin pour firefox
- Différences IE/Firefox
- lancer un script a la fermeture de firefox
- Menu positionnement différent sur IE et Firefox + Problème de bordure
- Soucis avec IE et bouton submit vs Firefox
- Firefox et les noms de domaines accentués.
- Souci lien sous firefox
- Session/Cookie fonctionnent qu'avec Firefox HELP
Marsh Posté le 15-07-2011 à 16:47:16
bonjour tous
je viens de creer un site www.demo.hostnaro.com
et je ne trouve pas la solution pour que sur internet explorer puisse marcher correctement
sur firefox il s'affiche parfaitement
je vous laisse le code source
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" type="image/x-icon" href="http://www.demo.hostnaro.com/images/favicon.gif">
<link rel="icon" type="image/gif" href="http://www.demo.hostnaro.com/images/favicon.gif">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Hostnaro - Accueil</title>
<meta name="description" content="Fast and convenient hosting from HostNaro Hosting">
<meta name="keywords" content="hostnaro, hosting, vps, dedicated, hyperv, plesk, cpanel, server, web, cheap, fast">
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/maxheight.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/myriad_pro_300.font.js"></script>
<script type="text/javascript" src="js/myriad_pro_400.font.js"></script>
<script type="text/javascript" src="js/jquery.faded.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(function(){
$("#faded" ).faded({
speed: 500,
crossfade: true,
autoplay: 10000,
autopagination:false
});
$('#domain-form').jqTransform({imgPath:'jqtransformplugin/img/'});
});
</script><!--[if lt IE 7]>
<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script><![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script><![endif]-->
</head>
<body onload="new ElementMaxHeight();" id="page1">
<div class="tail-top"> <!-- header -->
<header>
<div class="container">
<div class="header-box">
<div class="left">
<div class="right">
<nav>
<ul>
<li><a href="webhosting.html">Hebergement web<br>
</a></li>
<li><a href="vpshosting.html">Templates</a></li>
<li><a href="dedihosting.html">Ressourses gratuits</a></li>
</ul>
</nav>
<h1><a href="index.html"><span checked="true"></span><br>
</a></h1>
<h1 style="margin-top: -58px; height: 48px;"><a href="http://demo.hostnaro.com/index.html"><span><img
style="margin-top: -5px;" checked="true" title="HostNaro"
src="http://www.demo.hostnaro.com/images/logo.png.gif"><br>
</span></a></h1>
</div>
</div>
</div>
<span class="top-info"> </span>
<form action="support/index.php.htm" method="post" id="login-form">
<fieldset> <span class="text"> <input value="Username" onfocus="if(this.value=='Username'){this.value=''}"
onblur="if(this.value==''){this.value='Username'}" type="text">
</span> <span class="text"> <input value="Password" onfocus="if(this.value=='Password'){this.value=''}"
onblur="if(this.value==''){this.value='Password'}" type="password">
</span> <a href="index.html#" class="login" onclick="document.getElementById('login-form').submit()"><span><span>Login</span></span></a>
</fieldset>
</form>
</div>
</header>
<!-- content -->
<section id="content">
<div class="container">
<div id="faded">
<ul class="slides">
<li><img src="images/otaku50.png"><a href="vpshosting.html"><span><span>Lire
plus</span></span></a></li>
<li><img src="images/webhosting.png"><a href="webhosting.html"><span><span>Lire
plus</span></span></a></li>
<li><img src="images/vpshosting.png"><a href="vpshosting.html"><span><span>Lire
plus</span></span></a></li>
<li><img src="images/dedihosting.png"><a href="dedihosting.html"><span><span>Lire
plus</span></span></a></li>
</ul>
<ul class="pagination">
<li><a href="index.html#" rel="0"><span>Offre special</span><small>Click
pour plus d'info<br>
</small></a></li>
<li><a href="index.html#" rel="1"><span>Hebergement</span><small>Click
pour plus d'info<br>
</small></a></li>
<li><a href="index.html#" rel="2"><span>Templates</span><small>Click
pour plus d'info<br>
</small></a></li>
<li><a href="index.html#" rel="3"><span>Ressourses</span><small>Click
pour plus d'info</small></a></li>
</ul>
</div>
<div class="inside">
<div class="wrapper row-1">
<div class="box col-1 maxheight">
<div class="border-right maxheight">
<div class="border-bot maxheight">
<div class="border-left maxheight">
<div class="left-top-corner maxheight">
<div class="right-top-corner maxheight">
<div class="right-bot-corner maxheight">
<div class="left-bot-corner maxheight">
<div class="inner">
<h3 style="margin-top: 0px;"> Essentiel<br>
</h3>
<ul class="info-list">
<li><span>Espace disque</span>5 GB</li>
<li><span>bande passante</span>Illimité</li>
<li><span>Comptes email</span>3</li>
<li><span>SSL seveur</span>Gratuit</li>
</ul>
<h3><span class="price">2.50 EUR</span></h3>
<div class="aligncenter"><a href="webhosting.html"
class="link1"><span><span>Lire plus<br>
</span></span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box col-2 maxheight">
<div class="border-right maxheight">
<div class="border-bot maxheight">
<div class="border-left maxheight">
<div class="left-top-corner maxheight">
<div class="right-top-corner maxheight">
<div class="right-bot-corner maxheight">
<div class="left-bot-corner maxheight">
<div class="inner">
<h3 style="margin-top: 3px; height: 30px;"> Confort<br>
</h3>
<ul class="info-list">
<li><span style="height: 14px;">Espace
disque</span>10 GB<br>
</li>
<li><span>Bande passante</span>Illimité</li>
<li><span>Comptes email</span>150</li>
<li><span>SSL serveur</span>Gratuit</li>
</ul>
<h3><span class="price">5.00 EUR</span></h3>
<div class="aligncenter"><a href="webhosting.html"
class="link1"><span><span>Lire plus<br>
</span></span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box col-3 maxheight">
<div class="border-right maxheight">
<div class="border-bot maxheight">
<div class="border-left maxheight">
<div class="left-top-corner maxheight">
<div class="right-top-corner maxheight">
<div class="right-bot-corner maxheight">
<div class="left-bot-corner maxheight">
<div class="inner">
<h3 style="margin-top: 2px; margin-left: -10px;">Gold<br>
</h3>
<ul class="info-list">
<li><span>Espace disque</span>Illimité</li>
<li><span>Bande passante</span>Illimité</li>
<li><span>Comptes email</span>Illimité</li>
<li><span>SSL serveur</span>Gratuit</li>
</ul>
<h3><span class="price">12.00 EUR</span></h3>
<div class="aligncenter"><a href="webhosting.html"
class="link1"><span><span>Lire plus<br>
</span></span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box col-4 maxheight">
<div class="border-right maxheight">
<div class="border-bot maxheight">
<div class="border-left maxheight">
<div class="left-top-corner maxheight">
<div class="right-top-corner maxheight">
<div class="right-bot-corner maxheight">
<div class="left-bot-corner maxheight">
<div class="inner">
<h3 style="margin-top: 2px; height: 30px;">Revendeur<br>
</h3>
<ul class="info-list">
<li><span>Espace disque</span>Illimité</li>
<li><span>Bande passante</span>Illimité</li>
<li><span>SSL serveur</span>Gratuit</li>
<li><span>Administration</span>Cpanel/WHM</li>
</ul>
<h3><span class="price">99.00 EUR</span></h3>
<div class="aligncenter"><a href="webhosting.html"
class="link1"><span><span>lire plus<br>
</span></span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- aside -->
<script type="text/javascript"> Cufon.now(); </script> <br>
</body>
</html>
merci a tous de votre genereuse et precieuse aide.
cordialement