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

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

25 déc. 2008, 18:27

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

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.

25 déc. 2008, 23:57

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

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');"

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...

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.

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

Qui est en ligne