Firefox ok, opera ok mais IE? pas centré et plus grand ...

par **the_grinch** » 26 déc. 2008, 10:33

Et bien le code qui ne fonctionnait pas, je l'ai mis en local et ça fonctionne sur IE

Il n'y a vraiment que sur le web que ça fonctionne pas !!

Edit: C'est bon, en fait c'était le code javascript qui se mettait en début et donc qui faisait tout buggé je pense.

par **jojolapine** » 26 déc. 2008, 00:52

Et bien ça vient surement de là...

Essaye de mettre ces éléments de style dans ta version "html" en local, et ça posera surement les mêmes problèmes...

par **the_grinch** » 26 déc. 2008, 00:42

Alors celui qui fonctionne avec IE, voici le code :

Code : Tout sélectionner


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<script defer type="text/javascript" src="pngfix.js"></script>
   <head>
        <title>SeeHy.Fr | Version B&eacute;ta</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="Content-Language" content="fr" />
           <meta http-equiv="Content-Script-Type" content="text/javascript" />
           <meta http-equiv="Content-Style-Type" content="text/css" />
        <link rel="stylesheet" href="seehy.css" type="text/css" media="screen" title="Normal" />
   </head>

<body>

<div id="header"></div>


	<ul id="menu_haut">
			<li><a href="index.htm">Accueil</a></li>
			<li><a href="index.htm">Downloads</a></li>
			<li><a href="index.htm">Nos serveurs</a></li>
			<li><a href="index.htm">Le&ccedil;ons</a></li>
			<li><a href="index.htm">La team</a></li>
			<li><a href="index.htm">Pub</a></li>
	</ul>
	
	
	
	
<div id="menuconnexion">
<form name="deconnexion" method="post" action="index.php">
Vous &ecirc;tes bien connect&eacute; sous le nom : <b><a href="index.htm">My space</a></b> - <a href="index.htm">G&eacute;rer mes serveurs</a> - ( <a href="index.htm">Se d&eacute;connecter</a> )
<br />
Il est 13 heures et 45 minutes et nous sommes le 12r / 12 / 2009 !
</form>
</div>



<div id="corps">


  <center><span style="display :inline; font: normal 30px bold 'Comic sans ms';">Welcome to seehy</span></center>
  <br />
 
      <span style="font-style:italic;">Vous devez absolument accepter le javascript et &ecirc;tre sur firefox ou op&eacute;ra pour continuer.</span>
	  <br />	  
		  
	   
</div>






<div id="footer">

Copyright &copy; SeeHy.Fr 2008-2009 - <b>434.123.1123.111</b>

</div>

</body>
</html>

Celui qui ne fonctionne pas avec IE ( sur le web ), voici le code :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

   <head>
        <title>SeeHy.Fr | Version B&eacute;ta</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="Content-Language" content="fr" />
           <meta http-equiv="Content-Script-Type" content="text/javascript" />
           <meta http-equiv="Content-Style-Type" content="text/css" />
        <link rel="stylesheet" href="seehy.css" type="text/css" media="screen" title="Normal" />
   </head>

<body>

<div id="header" style="background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='header.png', sizingMethod='scale');"></div>


	<ul id="menu_haut">
			<li><a href="index.php">Accueil</a></li>
			<li><a href="index.php?page=dl">Downloads</a></li>
			<li><a href="index.php?page=list_serv">Nos serveurs</a></li>
			<li><a href="index.php?page=tutos">Le&ccedil;ons</a></li>
			<li><a href="index.php?page=team">La team</a></li>
			<li><a href="index.php?page=pub">Pub</a></li>
	</ul>

<div id="menuconnexion">

				
<a href="index.php?page=login">Se connecter</a> - <a href="index.php?page=register">S'inscrire</a>
<br />
<div id="date_heure"></div> // pti commentaire, la fonction javascript renvois l'heure ici !


</div>



<div id="corps" style="background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corps.png', sizingMethod='scale');zoom: 1;">

<center><span style="display :inline; font: normal 30px bold 'Comic sans ms';">Welcome to SeeHy</span></center>
  <br />
</center>
</div>

<div id="footer" style="background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='footer.png', sizingMethod='scale');">


<p>
Copyright &copy; SeeHy.Fr 2008-2009 - <b>82.654.23.234</b></p>
</div>

</body>
</html>

Sachant que le CSS est le même...
Sauf que en php, je rajoute ceci si il y a IE 6 :

style="background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='footer.png', sizingMethod='scale');"

par **jojolapine** » 25 déc. 2008, 23:57

Fait un copier//coller des deux codes généré (celui qui marche et celui qui fonctionne pas...)

par **the_grinch** » 25 déc. 2008, 21:56

Ah mince, voila :

Code : Tout sélectionner

#header
{
	background-image:url(header.png);
	background-repeat: no-repeat;
	background-position: center;
	height:99px;
	width:858px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}





#menu_haut {
	width:850px;
	height:20px;
    background-color: #3A3A3A;
	margin-left:auto;
	margin-right:auto;
    border-left: solid #01A9C6 4px;
    border-right: solid #01A9C6 4px;
	border-bottom: solid #01A9C6 4px;
	border-top: solid #01A9C6 3px;
}
#menu_haut ul {
    padding: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFF;
    line-height: 20px;
    white-space: nowrap;
	text-align: center;
	padding-bottom: 10px;
}
#menu_haut li {
    list-style-type: none;
    display: inline;
	float: left;	
}
#menu_haut a {
	width:141.7px;
	height:20px;
	background-color:#3A3A3A;
	color:#FFF;
	text-decoration:none;
	display:block;
	text-align: center;	
}


#menuconnexion 
{
	background-image:url(menuconnexion.png);
	background-repeat: no-repeat;
	background-position: center;
	border: 0px;
	height:50px;
	width:858px;
	line-height:20px; 
	font-size:11px;
    text-decoration: none;
	text-align: center;	
	margin-left:auto;
	margin-right:auto;
}

#corps
{
    text-decoration: none;
	background-image:url(corps.png);
	background-repeat: repeat-y;
	background-position: center;
	margin-left: auto;
	margin-right:auto;
	float:none;
	padding-top:25px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
	width:818px;
}

C'est bisarre en plus parce que j'ai fait la même page en HTML ( sans php, juste pour le design, mais la il n'y a pas de problème sur IE ... C'est vraiment trop bisarre qu'en local HTML ça fonctionne et que en php sur internet ça fonctionne plus.

par **Aureusms** » 25 déc. 2008, 18:27

Hmm. Es tu en position absolute; relative float, ... an mode tableau?
Sans code CSS c'est pas facile...

par **the_grinch** » 25 déc. 2008, 13:49

Salut,
Voilà, j'ai presque finit le design de mon site mais le probleme c'est que sur firefox et opéra c'est niquel alors que sur IE, 6 ou 7 c'est pareil, c'est horrible :

http://www.scapture.com/data/91419-capture.png

http://browsershots.org/png/original/f8 ... be934a.png

Merci

Firefox ok, opera ok mais IE? pas centré et plus grand ...

Répondre

Étendre la vue Revue du sujet : Firefox ok, opera ok mais IE? pas centré et plus grand ...

Firefox ok, opera ok mais IE? pas centré et plus grand ...