sur ma page je souhaiterais que le menu de gauche et le bloc de texte de droite soient de la meme hauteur. je souhaite avoir une page qui s'adapte à toutes les tailles d'écran et que le bloc de texte ait une barre de défilement (scroll) . Je souhaiterais que les 2 blocs aient la meme hauteur pour une question de présentation et ca permettrait de cliquer sur un lien, du menu et d'avoir le paragraphe qui s'affiche de l'autre coté .
J'a essayé de régler la hauteur dans la feuille CSS mais quand j'affiche la page la hauteur ne correspond plus.
j'espère que je n'ai pas été trop été confus dans mon explication. Si c'est le cas n'hésitez pas à me poser des question je reste à disposition.
merci d'avance
voici le code puis le code CSS:
<code>
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">
<head><meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type"text/html> <title>Louis XIV de France</title>
<link rel="stylesheet" media="screen" type="text/css" title="style_Louis14" href="style_Louis14.css" />
</head>
<body>
<!--conteneur géneral-->
<div id="conteneur">
<!--en tete de la page-->
<div id="header">
<h1>Louis XIV de France</h1>
</div>
<!-- cadre du menu-->
<div id="menu">
</div>
<!-- cadre du texte-->
<div id="texte">
</div>
<!-- pied de page-->
<div id="foot">
<p>Page réalisée par Siger grâce à une page du site Wikipédia.Me contacter</p>
</div>
</div><!--balise de fin du div conteneur--></body></html><code>
Code : Tout sélectionner
#conteneur
{
background-color: #ff9900;
border: 3px solid #ff0000;
width: 100%;
}
#header
{
background-color: #33cc00;
border: 4px solid #000000;
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
#menu
{
background-color: #3366ff;
border: 4px solid #660000;
width: 25%;
margin-top: 1%;
margin-left: 1%;
float: left;
}
#texte
{
background-color: #ffcc00;
border: 4px solid #009900;
margin-top: 1%;
margin-right: 1%;
margin-left: 28%;
}
#foot
{
background-color: #666666;
border: 4px solid #663300;
width: 90%;
margin-left: 5%;
margin-right: 5%;
}voici l'adresse de la page : http://poissonpie.free.fr/louis14.html
[modo: la balise pour entourer du code est ["code] ... [/"code] sans les guillements et non <code> ... </code>
)Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4