Position du footer différent selon la page + texte qui sort de div

Répondre
idate
le 14/02/2013 à 16:40
idate
Bonjour,

Je demande votre aide pour un problème de mise en page.

Je dois faire un site web pour un serveur, j'ai donc pas mal de catégorie à créer et à coordonner mais ce n'est pas ce qui me donne le plus de mal apparement ! ^^

Premièrement, mon index a tout ce qu'il y a de plus banal. Je fais un include pour que toutes mes pages aient le même design.

Cependant, j'ai un problème avec ma page de news. J'ai codé un système de news basique avec php et mysql, mais je rencontre des problèmes de mise en page.

http://www.hostingpics.net/viewer.php?id=774686site.jpg

Comme vous pouvez le voir , chaque news est écrite dans une div que je design à l'aide de mon fichier .css cependant, mon texte sort de cette div et je ne trouve pas d'où ça vient.

Voici mon code de news et le css associé:

news.php
<?php
// on se connecte à notre base
$base = mysql_connect ('localhost', 'root', 'root');
mysql_select_db('aumtuto', $base);

// lancement de la requête. on sélectionne les news que l'on va ordonner suivant l'ordre "inverse" des dates (de la plus récente à la plus vieille : DESC) tout en ne sélectionnant que le nombre voulu de news à afficher (LIMIT)
$sql = 'SELECT * FROM aumtuto_news ORDER BY date DESC;';

// on lance la requête (mysql_query) et on impose un message d'erreur si la requête ne se passe pas bien (or die)
$req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());

// on compte le nombre de news stockées dans la base de données
$nb_news = mysql_num_rows($req);

if ($nb_news == 0) {
echo 'Aucune news enregistrée.';
}
else {
// si on a au moins une news, on l'affiche
while ($data = mysql_fetch_array($req)) {

// on décompose la date
sscanf($data['date'], "%4s-%2s-%2s %2s:%2s:%2s", $an, $mois, $jour, $heure, $min, $sec);

$date = $data['date'];
$texte = $data['texte'];
$auteur = $data['auteur'];
$texte = strtr($texte,array('&#039;'=>'\''));
$texte = nl2br($texte);
// on affiche les résultats
echo "<div id=\"news\">";
echo "<div id=\"news_titre\">";
echo "<div class=\"newstitre\">".$data['titre']."</div></div>
<div class=\"news_contenue\">";

echo $texte;
echo "</div>
<div class=\"news_posteur\">Post&eacute; le $date par $auteur</div>
</div>
<div id=\"news_foot\"></div>
<br />";
}
}
// on libère l'espace mémoire alloué à cette requête
mysql_free_result ($req);

// on ferme la connexion à la base de données
mysql_close ();
?>


css
/* News */

#News {
width: 450px;
min-height: 200px;
float: left;
}

#news {
background-image:url(images/design/news.png);
width: 509px;
min-height: 20px;
}

#news_titre {
background-image:url(images/design/news_top.png);
width: 501px;
height: 51px;
margin-left: 8px;
}

.newstitre {
padding-left: 45px;
padding-top: 8px;
font-weight: bold;
color: #FFFFFF;
font-size: 28px;
}

.news_contenue{
width: 450px;
margin-left: 30px;
font-size: 18px;

}

.news_posteur {
margin-left: 10px;
font-style: italic ;
float: right;
margin-right: 20px;
}

#news_foot {
background-image:url(images/design/news_foot.png);
width: 508px;
height: 35px;
margin-left: 4px;
}



De plus, j'ai du mal à positionner mon footer, malgré beaucoup de modifications, je vous joins le code css. Sachant que mon footer est dans ma div "global".

Illustration:

http://www.hostingpics.net/viewer.php?id=658407sitefooter.jpg

Code:

css footer
/*Footer*/
footer {
background-image:url(images/design/footer.png);
width:925px;
height:223px;
clear: both;
margin:auto;
padding-left: 6px;
}


Si quelqu'un pouvait m'éclairer sur ces différents problèmes, je lui en serais très reconnaissant.

Merci d'avance.

Peace
idate
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours