salut,
débutant en css, j'utilise votre tuto sur les frames et les css. Tout marche bien sauf mon menu gauche qui s'affiche trop bas sous IE6 et Opera 7.54. Sous firefox, la mise en page est quasi parfaite.
La balise de la css .gauche correspond donc au menu de gauche bien sûr.
Voici les codes utilisés:
1) feuille css
Merci de me donner des conseils.
A+
salut.
débutant en css, j'utilise votre tuto sur les frames et les css. Tout marche bien sauf mon menu gauche qui s'affiche trop bas sous IE6 et Opera 7.54. Sous firefox, la mise en page est quasi parfaite.
La balise de la css .gauche correspond donc au menu de gauche bien sûr.
Voici les codes utilisés:
1) feuille css
<style type="text/css">
<!--
body {
margin: 0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;
}
.haut {
width: auto;
height: 126px;
background-color: #06C;
color: #fff;
font-size: 36px;
padding: 10px;
}
.conteneur {
height: 338px;
width: 100%;
}
.gauche {
position: absolute;
left: 0;
width: 180px;
height: 338px;
background-image: url(gauche.gif);
}
.frame {
margin-left: 180px; /* on place ce bloc à droite du bloc menu de 180px de large */
width: auto;
height: 338px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
font-size: 14px;
}
.bas {
width: auto;
height: 30px;
background-color: #06C;
color: #fff;
font-size: 12px;
padding: 10px;
}
-->
</style>
2) script index.php
Pour finir, notre code html se contentera de placer les blocs à la suite :
<body>
<body>
<div class="haut">mon site .com</div>
<div class="gauche"></div>
<div class="frame">
<h1>une présentation sans Frames !</h1>
<p>test</p>
<p>test</p>
...
</div>
<div class="bas">Cette partie basse reste fixe</div>
</body>
Merci de me donner des conseils.
A+
salut.