Script php-problème de mise en page lors de l'execution

par **Truc** » 21 avr. 2008, 12:01

Modération :
Puisque ta question est résolue, j'ajoute le tag [Résolu]
pour indiquer aux personnes qui voudront consulter ce sujet qu'il contient une solution.

Tu peux réaliser cette opération toi-même
en cliquant sur le bouton

qui s'affiche en haut à gauche de ce sujet
si tu as posté le 1er message en tant que membre (inscrit et identifié).

Alors... inscris-toi !!!

par **Prune7** » 21 avr. 2008, 11:28

Merciiiii c'est parfait

par **Victor BRITO** » 21 avr. 2008, 11:07

De trois choses l'une :

soit tu supprimes height: 50% dans la règle CSS #contenu,
soit tu remplaces height par min-height,
soit tu ajoutes overflow: auto.

par **zeus** » 20 avr. 2008, 21:59

Modération :
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "HTML, XHTML, CSS".

Merci de prendre le temps de lire les règlements
ainsi que l'intitulé de chaque forum avant de poster un nouveau sujet.

par **Prune7** » 20 avr. 2008, 21:45

Bonsoir,

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;
}

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?

Script php-problème de mise en page lors de l'execution

Répondre

Étendre la vue Revue du sujet : Script php-problème de mise en page lors de l'execution

Script php-problème de mise en page lors de l'execution