salut, j'utilise des pseudo-codes php et css pour une mise en page qui est la suivante: en haut bannière, à gauche le menu, au milieu le contenu, en bas une barre et un logo. Chaque bloc est défini par des DIV. Voir le code ci-après.
Le problème est le suivant: l'affichage de mon bloc du bas c.à.d mon logo et ma barre colorée se superpose à mon contenu du milieu SAUF sous IE. Je voudrais que ma barre et mon logo suivent la hauteur de mon contenu. PAr ex. si le texte est court la barre et le logo remontent, si le texte est plus long, tout redescend. Donc le bloc du bas se positionne automatiquemernt selon la longueur du texte de mon bloc du milieu définit par frames.css tandis que le bloc du bas est défini par bas.css
Merci de votre aide.
a+
Le problème est le suivant: l'affichage de mon bloc du bas c.à.d mon logo et ma barre colorée se superpose à mon contenu du milieu SAUF sous IE. Je voudrais que ma barre et mon logo suivent la hauteur de mon contenu. PAr ex. si le texte est court la barre et le logo remontent, si le texte est plus long, tout redescend. Donc le bloc du bas se positionne automatiquemernt selon la longueur du texte de mon bloc du milieu définit par frames.css tandis que le bloc du bas est défini par bas.css
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<link href="frames.css" rel="stylesheet
" type="text/css" />
</head>
<body>
<div id="haut"><img src="image/banner2.gif" /></div>
<div id="menu">
<table width="100" border="0">
<tr>
<td><li><strong><a href="index.php?page=home">Home</a><br />
</strong></li></td>
</tr>
<tr>
<td><li> <strong><a href="index.php?page=profil">Profil</a><br />
</strong></li></td>
</tr>
<tr>
<td><li><strong><a href="index.php?page=presentation">Présentation</a><br />
</strong></li></td>
</tr>
<tr>
<td><li><strong><a href="index.php?page=categorie">Catégories</a> <br />
</strong></li></td>
</tr>
<tr>
<td><li><strong><a href="index.php?page=compte">Compte</a> <br />
</strong></li></td>
</tr>
<tr>
<td ><li><strong><a href="index.php?page=aide">Aide</a> <br />
</strong></li></td>
</tr>
<tr>
<td><li><strong><a href="index.php?page=contact">Contact</a><br />
</strong></li></td>
</tr>
<tr>
<td><li><strong><a href="index.php?page=form">Formulaire</a><br />
</strong></li></td>
</tr>
<tr>
<td><li><strong><a href="index.php?page=condition">Conditions</a> <br />
</strong></li></td>
</tr>
</table>
</div>
<div id="frame">
<?php
if (!isset($_GET['page'])) $page= 'home'; else $page= $_GET['page'];
switch($page)
{
case 'home': include ('home.htm');break;
case 'profil': include ('profil.htm');break;
case 'presentation': include ('presentation.htm');break;
case 'categorie': include ('categorie.htm');break;
case 'compte': include ('compte.htm');break;
case 'aide': include ('aide.htm');break;
case 'contact':include ('contact.htm');break;
case 'form':include ('formulaire.htm');break;
case 'condition':include ('condition.htm');break;
}
?>
</div>
<div id="bas">
<table width="1024" cellpadding="0">
<tr>
<td width="378"> </td>
<td width="182"><img src="bilder/logo3.gif" width="65" height="62" /></td>
<td width="281"> </td>
</tr>
</table>
<table height="60" width="1024" align="left">
<tr>
<td bordercolor="#807555" bgcolor="#817656"></td>
</tr>
</table>
<p align="center"> </p>
</div>
</body>
</html>
Merci de votre aide.
a+
Alors qu'il suffirait d'attribuer le style de texte au conteneur voulu, par exemple (suivant le besoin) à body ou à un div#contenu ou un div#menu (enfin ce qu'on voudra, quoi)...