Script php-problème de mise en page lors de l'execution
Posté : 20 avr. 2008, 21:45
Bonsoir,
voila le code d'une page web que j'ai faite dans la création d'un site:
et maintenant voila le code de ma feuille de style:
je ne comprend pas, il y a un problème de mise en page lors de l'execution.
En effet , les informations qui devraient s'affichées DANS le div "contenu", dépassent les limites de ce div..
Et du coup j'ai une mise en forme cracra...
Comment résoudre este problemo?
voila le code d'une page web que j'ai faite dans la création d'un site:
Code : Tout sélectionner
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link title="test" type="text/css" rel="stylesheet" href="mafeuille.css"/>
<title>Musique,Lecture,Film et Jeux</title>
</head>
<body >
<div id="conteneur"> <!-- le conteneur entoure tout le contenu de la page -->
<div id="entete"> <!-- bandeau en haut de la page --> <?php
$jour=date("d");
$nomjour=date("l");
$mois=date("m");
$nommois=date("M");
$an=date("Y");
$heure = date("H:i");
?>
<?php echo $nomjour.'-'.$jour.'-'.$nommois.'-'.$an.'-'.$heure ;?>
</div> <!-- fin du div entete -->
<!-- menu apparaîssant à gauche de la page -->
<div id="conteneurmenu">
<a href='Bienvenue.php'>Retour à la page d'accueil</a><br/><br/>
<a href='Films.php'><b>Films</b></a><br />
<a href='Livres.php'><b>Livres</b></a><br />
<a href='Musiques.php'><b>Musiques</b></a><br />
<a href='Sudoku.php'><b>Sudoku</b></a><br />
</div>
<div id="contenu"> <!-- contenu de la page -->
<?php
include ('connexion.php');
$id_connexion= connexion_bd();
if ($id_connexion) {
?>
<?php
$requete = 'select titrefilm, realisateur, datesortiefilm, resumefilm, txtcritiquefilm, libgenre from films';
$requete=$requete.' Inner join genre on films.idgenre=genre.idgenre';
$requete=$requete.' Where films.idgenre=1;';
$result=mysqli_query($id_connexion, $requete);
while ($ligne=mysqli_fetch_array($result)) {
echo '<br />Détails du film policier :<br />';
echo '<table border=\'0\'>';
echo '<tr><td>Titre du film: '.$ligne['titrefilm'].'</td></tr>';
echo '<tr><td>Réalisateur: '.$ligne['realisateur'].'</td></tr>';
echo '<tr><td>Date de sortie du film: '.$ligne['datesortiefilm'].'</td></tr>';
echo '<tr><td>Résumé: '.$ligne['resumefilm'].'</td></tr>';
echo '<tr><td>Critique personnelle à propos du film: '.$ligne['txtcritiquefilm'].'</td></tr>';
//echo $ligne['titrefilm'].'-'.$ligne['realisateur'].'-'.$ligne['datesortiefilm'].'-'.$ligne['resumefilm'].'-'.$ligne['txtcritiquefilm'].'<br />';
echo '</table>';
}
?>
<?php
mysqli_free_result($result);
mysqli_close($id_connexion);
}
?> Code : Tout sélectionner
</div> <!-- fin du div contenu -->
<p id='pied'></p>
</div><!-- fin du div conteneur-->
</body></html> et maintenant voila le code de ma feuille de style:
Code : Tout sélectionner
body
{
font-family:verdana;/*mettre l'écriture en image car les autres ne la possède pas!*/
margin:0;
padding:0;
}
#entete {
height: 70px;
background-color:#FF0066;
font-size:1em;
margin-right:1em ;
margin-left:1em;
font-family:lucida;
font-size:40%;
color:#FF9999;/*couleur des écriture dans l'entete*/
}
#conteneur {
position: absolute;
background-color:#FF0066;
width: 100%;
height:100%;
font-size:200%;
}
#contenu {
background-color:#FF3366;
height:50%;
font-family:Verdana;
border-color:#EE6633;
border-style:double;
padding:61px;
margin-left:7em;
margin-right:2em;
}
p#pied
{
background-color:#FF0066;
text-align:left;
font-size:x-small;
margin-left:7em;
}
#conteneurmenu {
position:absolute;
left:8px;
width: 300px;
font-size:20px;
}
#texte{
font-family:Verdana;
margin-left: 50px;
margin-right:30px;
color:#FFFFFF;
font-size:50%;/*taille des mots des paragraphes*/
}
#lienmenu {
position:absolute;
left:0px;
}
table {
color:#FFFFFF;
font-family:Verdana;
width:100%;
margin-left:2em;
}
td{
width:30%;
}
a:hover{/* correspond aux caractéristiques des liens vers les autres pages*/
color: #DDFFAA;
font-size:15px;
}
a{
color:#AAFFBB;
font-size:15px;
}
h1 {
color:#FFFFFF;
text-align:center;
font-size: 1em;
}
h2 {
text-align:left;
font-size: 1.5em;
}
p {
color:#FFFFFF ;
font-family:verdana;
text-align:left;
text-indent:0px;
}
titre{
font-size:70%;/*taille des mots des paragraphes*/
font-style:bold;
color:#FFFFFF ;
font-family:verdana;
text-align:center;
}En effet , les informations qui devraient s'affichées DANS le div "contenu", dépassent les limites de ce div..
Et du coup j'ai une mise en forme cracra...
Comment résoudre este problemo?
qui s'affiche en haut à gauche de ce sujet