Problème mise en page sous IE avec fonction Php
Bonjour,
J'ai un petit soucis de mise en page sous IE avec un site que je suis en train de réaliser. Tout fonctionnait très bien au point de vue de la mise en page jusqu'à ce que je décide de créer une fonction affichePage dans un fichier .inc
Depuis que je passe par cette fonction, sous IE mon site n'est plus centré mais se retrouve tout à gauche. En revanche sous FF, pas de soucis. Je ne comprends pas le problème, je n'ai pas touché au CSS lors de la mise en place de la fonction, je n'ai pas touché au contenu des différents fichiers .php qui composent les pages... bref, je suis dans une inconpréhension totale...
Ne regardez pas trop la propreté du code, je débute dans le domaine donc je transforme au fur et a mesure de mes découvertes =)
Pour info, je vous montre une partie de mon fichier index.php, le fichier page.inc et de mon CSS :
CSS :
index.php :/*** ALLURE GENERALE ***/
body {
width : 760px; /*largeur du site*/
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
text-align : justify;
color : #2A3689;
margin : auto; /*centrage automatique*/
background-color: white; /*couleur de fond blanc*/
}
h1{
background-color: transparent;
margin : 20px 20px 5px 170px;
font-size : 13pt;
font-weight : bold;
color : #828081;
border-bottom : 1px solid #828081;
}
/*** CONTENEUR GLOBAL DU SITE (centré) ***/
.conteneur {
width : 760px;
position : absolute;
margin : 20px 0px 20px 0px;
}
/*** HEADER ***/
.header{
width : 760px;
color : black;
height : 150px;
background-color: transparent;
/*border : 1px solid blue;*/
}
/*** CONTENU ***/
.contenu{
width : 760px;
color : black;
position : relative;
min-height : 400px;
background-color: transparent;
}
.contenu p{
margin : 10px 0px 10px 170px;
text-align : justify;
color : black;
}
.contenu p#info{
text-align : center;
font-weight : bold;
}
.contenu p#titreInfo{
font-style : italic;
text-decoration : underline;
}
.contenu ul{
margin : 5px 20px 10px 220px;
color : black;
}
/*** FOOTER ***/
.footer{
width : 760px;
color : black;
height : 50px;
background-color: transparent;
}
.footer p{
margin : 0px 0px 0px 0px;
text-align : center;
font-weight : bold;
color : #C0C0C0;
}
<body>
<div class="conteneur">
<div class="header">
<?php
...
?>
</div>
<div class="contenu">
<div class="menu">
<a class="entreprise" href="index.php?page=1"> </a>
<a class="ampoule" href="index.php?page=2"> </a>
<a class="papeterie" href="index.php?page=3"> </a>
<a class="coiffant" href="index.php?page=4"> </a>
<a class="parapharmacie" href="index.php?page=5"> </a>
<a class="pile" href="index.php?page=6"> </a>
<a class="balai" href="index.php?page=7"> </a>
<a class="puericulture" href="index.php?page=8"> </a>
<a class="ajout" href="index.php?page=9"> </a>
<a class="contact" href="index.php?page=11"></a>
</div>
<!-- Affichange de la page suivant celle qui a été choisie -->
<?php
if(!empty($_GET['page'])){
switch($_GET['page'])
{
case 1 :
$page="entreprise";
break ;
case 2 :
$page="ampoule";
break ;
case 3 :
$page="papeterie";
break ;
case 4 :
$page="coiffant";
break ;
case 5 :
$page="parapharmacie";
break ;
case 6 :
$page="pile";
break ;
case 7:
$page="balai";
break;
case 8 :
$page="puericulture";
break ;
case 9 :
$page="ajout";
break ;
case 11 :
$page="contact";
break ;
}
}
else{
$page="entreprise";
}
affichePage($page);
?>
</div>
<div class="footer">
...
</div>
</div>
</body>
page.inc :
<?php
//Fonction permettant l'affichange de la page suivant le choix de cette dernière
//si le fichier correspondant à la page existe, alors on affiche la page
//sinon un message d'erreur apparait
function affichePage($page){
if(is_file("pages/".$page.".php"))
require "pages/".$page.".php";
else
echo"<br/><b>!!! LA PAGE QUE VOUS ESSAYEZ DE CHARGER EST INEXISTANTE !!!</b>";
}
?>
Répondre avec citation
Envoyé par Swoög
Partager